一聚教程网:一个值得你收藏的教程网站

热门教程

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;
}

 这个属性应用在移动端兼容性比较好。

效果如下:

热门栏目