cssで「…」をつけてn行で改行する

折り返しさせたい要素に対して以下の４点を設定する。

.text {
display: -webkit-box; // 要素を水平または垂直に配置
-webkit-box-orient: vertical; // 要素が垂直方向に配置
-webkit-line-clamp: 2; // 折り返したい任意の行数を設定
overflow: hidden; // はみ出し非表示
}

参考

https://blog.recruit.co.jp/rmp/front-end/tips-ellipsis/