【複数行も対応可能】長過ぎるテキストを省略して末尾を三点リーダーにする方法

横並びの要素の高さが、テキスト量によってバラバラになるのを抑えたりできるので、最近使うことが多くなってきます。

※IEと旧Edgeは対応していないのでご注意を！

1行の場合

.text {

  text-overflow: ellipsis;

  white