text{
overflow:hidden;//超出一行文字自动隐藏
text-overflow:ellipsis;//文字隐藏后添加省略号
white-space:nowrap;//强制不换行
}
或者多行的用这些：
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
font-size: 32rpx;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
如果想要达到文字隐藏后添加省略号的效果，经测试 是要把 overflow:hidden ；text-overflow:ellipsis;； white-space:nowrap; 三个属性写上，并且写在块级元素
1.文字超过两行，隐藏并显示省略号 overflow:hidden; text-overflow:ellips...
text{ overflow:hidden;//超出一行文字自动隐藏 text-overflow:ellipsis...
HTML文字超过两行以后 就用省略号显示代替如下： style="overflow:hidden;text-ove...
宽度固定时，超出隐藏并显示省略号单行div{overflow:hidden; //超出一行文字自动隐藏text-o...
一行显示省略号 两行隐藏省略号
[css实现超出部分显示省略号] /* 显示一行，省略号 */white-space: nowrap;text-o...
CSS文本超出三行自动隐藏 显示省略号 CSS文本长度超出宽度如何显示省略号
如果文本多余一行，由于展示空间有限，故而有的时候需要超过一行显示省略号的设置。可以使用text-overflow设...
列表过多内容使用...隐藏 只显示两行内容，超过使用省略号代替
css中超出一行显示省略号： overflow: hidden; text-overflow: ellip...
本文标题：text超过行后隐藏显示省略号
本文链接：https://www.haomeiwen.com/subject/rzlnhxtx.html
网友评论