单行设置
.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实现文本超过部分显示内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复