line-clampプロパティ
line-clampプロパティは、テキストを指定された 行数に制限します。テキストの余分な行の代わりに 省略記号が表示されます。
構文
セレクター {
line-clamp: none | 行数
}
例
テキストを2行に制限してみましょう：
<p>
テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
