複数行のときに「…」で省略
一行の時は
E {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
複数行の時はline-clampを使う
E {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
/*IE対策*/
line-height: 1.5em;
max-height: 4.5em;
}
※IEは対応していないので、文字を無理やり隠します。「…」はつきません。
IEでも「…」をつける場合は擬似要素を使いましょう。
