单行文本省略号

2023/06/29 CSS 3054

(1) 单行隐藏简介

单行隐藏指显示单行文字，当文字数量超出这一行时，则用省略号代替超出的文字内容。

(2) 单行隐藏原理

容器盒子：宽度可以设置，也可以不设置，若不设置，则默认是父级容器的宽度；高度不做要求；

(3) 单行隐藏代码

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;