-webkit-line-clamp 实现限制文字显示多行省略(CSS 多行省略)
2016-09-07 18:11
525 查看
-webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。
display: -webkit-box;必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。
text-overflow,可以用来多行文本的情况下,用省略号“...”隐藏超出范围的文本 。
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;
display: -webkit-box;必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。
text-overflow,可以用来多行文本的情况下,用省略号“...”隐藏超出范围的文本 。
相关文章推荐
- -webkit-line-clamp 实现限制文字显示多行,多余的用...代替
- -webkit-line-clamp实现多行文字溢出隐藏显示省略号
- -webkit-line-clamp 控制文字显示多行,多出部分显示省略号
- -webkit-line-clamp下多行文字溢出点点点...显示实例页面
- CSS3文字超出两行或者多行显示省略号-webkit-line-clamp属性
- -webkit-line-clamp下多行文字溢出点点点...
- -webkit-line-clamp 多行文字溢出...
- CSS 实现的文本过滤 -webkit-line-clamp
- -webkit-line-clamp 多行文字溢出...
- 怎么用html 显示出一横的多出来的文字,怎么实现CSS限制字数,超出部份显示点点点.
- -webkit-line-clamp 多行文字溢出...
- 自动截取文字,css实现文字超出显示省略汇总
- CSS实现限制字数功能当对象内文本溢出时显示省略标记
- 文字过长 用 ... 表示 CSS实现单行、多行文本溢出显示省略号
- CSS实现单行与多行文字省略(truncation)
- 文字超长自动省略,以...代替,CSS实现
- css实现div自动添加滚动条(图片或文字等超出时显示)
- CSS实现table td中文字的省略与显示
- CSS+DIV实现文字一行内显示,并且过多的文字以点来代替
- CSS实现让广告显示在文章中间,文字环绕效果