30秒讲完
通常需要设置文本溢出的地方使用这三句css
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
并且设置一个宽度以后可以获得超过宽度的文本进行…省略
但是有时候会出现页面宽度变窄以后不能够使得元素自适应缩小
页面结构打乱
替代
可以将white-space: nowrap;text-overflow;删除
使用-webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical;替代
可以实现根据父元素宽度自适应缩放
而且-webkit-line-clamp: 1;可以根据值变化选择几行内容多余省略
