コード
1 2 3 4 5 6 7 8 9 |
p { width: 300px; display: -webkit-box; /* 3つセットで使う */ -webkit-box-orient: vertical; /* 3つセットで使う */ -webkit-line-clamp: 3; /* 3つセットで使う */ overflow: hidden; } |
-webkit-line-clamp
https://developer.mozilla.org/ja/docs/Web/CSS/-webkit-line-clamp行数の指定、その行数を超えた場合に非表示にする(cssのみ)
https://qiita.com/yurippine/items/0de4455b44ee734779a3
コメントを残す