当前位置:Gxlcms > html代码 > 换行并且在某行实现超出div显示省略号。_html/css_WEB-ITnose

换行并且在某行实现超出div显示省略号。_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:19人阅读

我们都知道css有个样式超出显示区域显示。。。

比如一个span里的文字,如果加了这个样式,那么在第一行超出时就显示省略号了。
如果我的文字比较多,可能是四行、五行,单我想在第二行时显示省略号,如何做到?


回复讨论(解决方案)

你是说text-overflow吗?

http://www.cnblogs.com/xiaochaohuashengmi/archive/2010/08/06/1793922.html

webkit内核浏览器支持-webkit-line-clamp这个属性 可以实现以上要求
p {
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

webkit内核浏览器支持-webkit-line-clamp这个属性 可以实现以上要求
p {
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}



都太高深了,先结了帖子吧。

人气教程排行