控制文本的行数,末行超出显示省略号...
条评论-webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。
为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:
display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。
text-overflow,可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本 。
1 | overflow: hidden; |
- 本文链接:https://xuehuayu.cn/2020/10/09/%E6%8E%A7%E5%88%B6%E6%96%87%E6%9C%AC%E7%9A%84%E8%A1%8C%E6%95%B0%EF%BC%8C%E6%9C%AB%E8%A1%8C%E8%B6%85%E5%87%BA%E6%98%BE%E7%A4%BA%E7%9C%81%E7%95%A5%E5%8F%B7.html
- 版权声明:① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,侵删。