Thuộc tính line-clamp
Thuộc tính left giới hạn văn bản đến số dòng
được chỉ định. Thay vì các dòng thừa trong văn bản,
một dấu ba chấm sẽ được đặt.
Cú pháp
bộ chọn {
line-clamp: none | số dòng
}
Ví dụ
Hãy giới hạn văn bản của chúng ta đến hai dòng:
<p>
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
: