一、超出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文本设置超出2行显示省略号...的全部内容,更多相关CSS文本设置超出2行显示省略号内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复