在使用CSS时,我们可能会遇到两行多余省略号的问题。这是因为某些浏览器默认会给文本添加省略号的样式,而当文本内容过短时,就会出现两行的多余省略号。解决这个问题,我们需要给文本添加一些样式,比如:tex
在使用CSS时,我们可能会遇到两行多余省略号的问题。这是因为某些浏览器默认会给文本添加省略号的样式,而当文本内容过短时,就会出现两行的多余省略号。
解决这个问题,我们需要给文本添加一些样式,比如:
text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
其中,text-overflow:ellipsis;
表示在文本溢出时使用省略号来代替文本;display:-webkit-box;
表示将元素作为弹性伸缩盒子容器显示;-webkit-box-orient:vertical;
表示在垂直方向上排列弹性伸缩盒子的子元素;-webkit-line-clamp:2;
表示设置文本显示的行数为2行;overflow:hidden;
表示超出文本的部分隐藏。
这样,就可以解决两行多余省略号的问题。
粉丝
0
关注
0
收藏
0