0
点赞
收藏
分享

微信扫一扫

ellipsis文本溢出省略


/*单行文本溢出*/  
.ellipsis{
white-space:nowrap ;
text-overflow:ellipsis;
overflow:hidden
}

/*多行文本溢出*/
.ellipsis{
display: -webkit-box!important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; //展示3
}

单行文本溢出:

ellipsis文本溢出省略_省略号

多行文本溢出:

ellipsis文本溢出省略_省略号_02


举报

相关推荐

0 条评论