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