-webkit-line-clamp超过两行就出现省略号

-webkit-line-clamp 是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。

限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：

display: -webkit-box; 必须结合的属性，将对象作为弹性伸缩盒子模型显示。
-webkit-box-orient 必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式。
text-overflow，可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本。

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

转载于:https://www.cnblogs.com/andyZhang0511/p/11209794.html

-webkit-line-clamp超过两行就出现省略号相关推荐

安卓超过两行就加省略号_基础标点符号使用规则详解—8.省略号
省略号省略号,是标点符号家族中的比较特殊的一个符号,它是由六个小圆点组成. 省略号的用法不止省略文字的作用. 它还有以下几种用法. 1 用法一 (一)表示重复词语或列举的省略. 例: 1.果园里有桃 ...
安卓超过两行就加省略号_CSS文本超出2行就隐藏并且显示省略号
超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行但是 ...
安卓超过两行就加省略号_Android TextView内容过长加省略号，点击显示全部内容...
一.文字滚动文字左右滚动三个属性: android:singleLine="true" android:ellipsize="marquee" android ...
CSS文本超过两行用省略号代替(兼容所有浏览器)
CSS文本超过两行用省略号代替方法一:常规写法(只兼容Chrome内核浏览器) 方法二:可以兼容所有浏览器的方式( js + CSS实现 ) 方法三:可以兼容所有浏览器的方式( 纯CSS实现 ) 方 ...
div中同时存在文本和数字超过两行出省略号
div中同时存在文本和数字超过两行出省略号设置文本超过两行出省略号出现下面问题,未到指定宽度就换行 width: 255px;overflow: hidden;text-overflow: elli ...
LI中内容超过长度后以省略号显示的方法
LI中内容超过长度后以省略号显示的方法此方法适用与IE与OP浏览器 <style type="text/css"> <!-- li { width:2 ...
elementui table在safari浏览器用了超过两行省略号样式错乱
这个问题是因为计算的时候,超出两行省略的属性没生效, 撑开了高度 .text-ellipsis-2 {overflow: hidden;text-overflow: ellipsis;display: ...
css 超过两行做超出隐藏，隐藏用省略号代替
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-l ...
文字超过两行显示省略号
display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: ...

-webkit-line-clamp超过两行就出现省略号

-webkit-line-clamp超过两行就出现省略号相关推荐

最新文章

热门文章