1行でも複数行でも最後を「…」にして省略するcss

文章の最後を「…」にして省略する表現は、よく使うので備忘録です。

■完成物

See the Pen
Untitled by matsu (@pochi__2828)
on CodePen.

■解説

1行にしたい場合はシンプルにこんな感じです。

複数行にしたい場合は行数を設定します。
display: -webkit-box;と-webkit-box-orient: vertical;はセットで使用します。
Flexboxの古い仕様ですが、複数行省略の際に便利ということで広く使用されています。