決められた範囲を超えたら「…」
公開日:2014年03月29日
一覧表示などで抜粋を表示する時に便利で、CSSのみで表示制限ができる。
しかも、コピーした時は全文コピーになる。
text-overflow: ellipsis;
JavaScriptで文字数調べたりしなくていいじゃん。と思ったが、同時に「white-space: nowrap;」と「overflow: hidden;」を併用しないと機能しなかった・・・。
ということは、使いどころは一行表示の時だけ・・・。うーん。
「width: 100%;」はIE6対策。もうやらなくていいか。
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%; /* IE6対策 */
同じカテゴリーのコンテンツ
