文字数オーバーした際に「…」三点リーダーにする方法。

  • このエントリーをはてなブックマークに追加

height準拠でoverflow:hiddenさせる方法を今まで使ってたけど、こっちのほうが使い勝手がよかった。

-webkit-line-clamp: 2;

このプロパティの値が2なので、2行。
数値を3にしたら3行で末尾を「…」とできる。

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
  • このエントリーをはてなブックマークに追加

SNSでもご購読できます。

(AD)

コメントを残す

*