CSS文本设置超出2行显示省略号...

一、超出1行显示省略号…

设置宽度/最大宽度
width: 100%; / max-width: 100%;

核心代码
overflow: hidden; // 超出范围不显示
white-space: nowrap; // 超出不换行
text-overflow: ellipsis; // 超出的文本显示省略号...

二、超出2行显示省略号…

设置宽度/最大宽度
width: 100%; / max-width: 100%;

核心代码
overflow: hidden; //超出文本隐藏
text-overflow: ellipsis; ///超出部分省略号显示
display: -webkit-box; //弹性盒模型
-webkit-box-orient: vertical; //上下垂直
-webkit-line-clamp: 2; //自定义行数

你可能感兴趣的:(css,javascript,前端)