概述
单行设置
.box {
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
多行设置
.box {
width: 200px;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 这里设置超出几行省略 */
overflow: hidden;
}
最后
以上就是平淡电灯胆为你收集整理的CSS实现文本超过部分显示...，超出两行，超出多行显示省略号的全部内容，希望文章能够帮你解决CSS实现文本超过部分显示...，超出两行，超出多行显示省略号所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复