换行并且在某行实现超出div显示省略号。_html/css_WEB-ITnose
程序员文章站
2022-04-10 08:50:23
...
我们都知道css有个样式超出显示区域显示。。。
比如一个span里的文字,如果加了这个样式,那么在第一行超出时就显示省略号了。
如果我的文字比较多,可能是四行、五行,单我想在第二行时显示省略号,如何做到?
都太高深了,先结了帖子吧。
比如一个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;
}
都太高深了,先结了帖子吧。
推荐阅读
-
解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号_html/css_WEB-ITnose
-
DIV+CSS实操七:中文系内容模块控制文本不换行和超出指定宽度后用省略号代替_html/css_WEB-ITnose
-
DIV+CSS实操七:中文系内容模块控制文本不换行和超出指定宽度后用省略号代替_html/css_WEB-ITnose
-
几个简单的css设置问题:div居中,ul li不换行 ,内容超出自动变省略号等_html/css_WEB-ITnose
-
html + CSS实现文字超出长度隐藏,显示省略号_html/css_WEB-ITnose
-
CSS自动换行、强制不换行、强制断行、超出显示省略号_html/css_WEB-ITnose
-
CSS控制文本超出指定宽度显示省略号和文本不换行_html/css_WEB-ITnose
-
换行并且在某行实现超出div显示省略号。_html/css_WEB-ITnose
-
html + CSS实现文字超出长度隐藏,显示省略号_html/css_WEB-ITnose
-
CSS控制文本超出指定宽度显示省略号和文本不换行_html/css_WEB-ITnose