其他分享
首页 > 其他分享> > css实现超出部分显示省略号

css实现超出部分显示省略号

作者:互联网

显示一行,省略号

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
padding:0px 5px;

显示两行,省略号

text-overflow: -o-ellipsis-lastline;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 -webkit-box-orient: vertical;
 padding:0px 5px;

标签:clamp,省略号,text,超出,webkit,ellipsis,overflow,css
来源: https://blog.csdn.net/weixin_41897680/article/details/120222195