其他分享
首页 > 其他分享> > 文本溢出显示省略号

文本溢出显示省略号

作者:互联网

1.单行文本溢出

overflow:hidden;  //超出部分隐藏
text-overflow:ellipsis;  //超出部分用省略号代替
white-space:nowrap;  //规定在一行内显示

2.多行文本溢出

overflow:hidden;
text-overflow:ellipsis;
-webkit-line-clamp:2;  //限制在一个快元素显示的文本的行数
display:-webkit-box;  //弹性伸缩盒子模型显示
-webkit-box-orient:vertical;  //设置或检索伸缩盒对象的子元素的排列方式

标签:省略号,text,webkit,overflow,文本,溢出
来源: https://www.cnblogs.com/ljh980217/p/16669018.html