多行文本省略号

2023/06/29 CSS 2700

(1) 多行隐藏简介

多行隐藏指显示多行文字，当文字数量超出指定行数时，则用省略号代替超出的文字。

(2) 多行隐藏原理

父盒子：设置宽度，高度不做要求； 子盒子：宽高不能设置；

(3) 多行隐藏代码

display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;