MARKLEAPS[マークリープス]

TECH BLOG

マークリープス技術ブログ

open

cssで長いテキストを…で省略する方法

お知らせ一覧のタイトル等、文字量によるレイアウト崩れを防ぐためにテキストを…で省略する方法。

1行で制御

 

・html

・css

複数行で制御(IEには非対応)

 

・html

・css

 
-webkit-line-clamp で表示する行を指定します。

よく読まれている関連記事

関連最新記事