[scss]行を一行で表示して、末尾を「...」とする方法。二行もあるよ。


これはなに

備忘録です。個人アプリで使ったので、すぐに引き出せるよう残しときます。

さっそくコード

一行で表示させて、末尾を「...」とするやり方

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

二行で表示させて、末尾を「...」とするやり方

overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

以上です!ありがとうございました!