最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
web前端超出两行用省略号表示的实现方法
时间：2022-06-29 02:52:05 编辑：袖梨 来源：一聚教程网
web前端超出两行用省略号表示的实现方法
HTML
吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮无籽，超大孕妇零食
CSS
span{
line-
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}
这个属性应用在移动端兼容性比较好。
效果如下：
