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


height準拠でoverflow:hiddenさせる方法を今まで使ってたけど、こっちのほうが使い勝手がよかった。 -webkit-line-clamp: 2; このプロパティの値が2なので、2行。 数値を3にしたら3行で末尾を「…」とできる。
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;

2017.08.02(水)