多行文字如何使用省略号表示溢出文本
2017-06-08 00:00
274 查看
对于现代浏览器，例如webkit内核的浏览器，或者移动端，是可以实现多行文本内容超出点点点…最后一行显示的，典型的CSS组合如下：
其中
.box {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}其中
-webkit-line-clamp就是控制行数的，是
3就是显示3行，3行结束点点点，如果是
2则最多2行。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 文字过长 用 ... 表示 CSS实现单行、多行文本溢出显示省略号
- 翻译：如何使用CSS实现多行文本的省略号显示
- 【兼容性笔记】不同浏览器中，溢出的文字如何以省略号表示
- html，css jq，js关于多行，单行文字内容溢出用点点点(...)省略号表示
- 翻译：如何使用CSS实现多行文本的省略号显示
- 多行溢出 ，文本显示为省略号如何写
- 多行文本溢出用省略号表示
- 翻译：如何使用CSS实现多行文本的省略号显示
- css如何实现多行文本时,内容溢出,出现省略号
- 多行文本溢出时用省略号表示溢出内容
- 关于单行和多行文字溢出用省略号表示
- 多行文本溢出显示省略号(…)全攻略
- 关于文字内容溢出用点点点(…)省略号表示
- 关于文字内容溢出用点点点(…)省略号表示
- 多行文本溢出显示省略号
- css实现多行文本溢出显示省略号(…)全攻略
- 多行文本溢出显示省略号(...)的方法
- css实现多行文本溢出显示省略号
- 多行文本溢出显示省略号(...)的方法
- jQuery关于文字内容溢出用点点点(…)省略号表示