カテゴリ:   CSS/Jquery
タグ:

今回ブログ作ってて便利だなーと思ったCSSについて

textoverflow
こういう三点リーダーのやり方どうやるんだろーって思ってたら意外と簡単だったわ

実際のCSS
-------------------------
.article-title {
margin: 4px 0;
width:100%;
height:80px;
overflow:hidden; ←はみ出たら消せ
white-space:nowrap; ←自動改行すんな
text-overflow:ellipsis; ←はみ出た分は…にしろ
color:#333;
}
-----------------------

こんな感じにして

<div class="article-title">タイトルのテキスト</div>

こんな感じにするわけよ

前のブログで挑戦したときには、white-space:nowrap;が必要だと知らずにできなかったけど

やはり俺は進歩していると言わざるを得ない
 

Comment & Trackbacks

コメント

 コメント一覧 (3)

    • 1. (名無しのプロゲーマーさん)
    • 2014年10月29日 15:39
    • コメントテスト
    • 3. (名無しのえるまさん)
    • 2014年10月30日 20:05
    • 最近はメルストやってます。
コメントフォーム
評価する
  • 1
  • 2
  • 3
  • 4
  • 5
  • リセット
  • 1
  • 2
  • 3
  • 4
  • 5
  • リセット

関連記事

新着一覧