本文介绍如何使用CSS实现文本溢出时显示省略号的效果，特别针对多行文本的处理方式。通过-webkit-line-clamp属性可以限制在一个块元素显示的文本的行数，并且当超出指定行数时使用省略号来隐藏多余的文本。
div{display: -webkit-box;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
-webkit-line-clamp: 3;这个设置为显示3行，超过3行则最后用省略号代替，目前在移动设备上使用正常。pc上貌似也可以
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
