当前位置： 移动技术网 > IT编程>开发语言>Java > web前端超出两行用省略号表示的实现方法

web前端超出两行用省略号表示的实现方法

2017年12月01日  | 移动技术网IT编程  | 我要评论
web前端超出两行用省略号表示的实现方法 html <span class="gw_bod0112211"> 吐鲁番特级无炳黑加仑葡萄干500g

web前端超出两行用省略号表示的实现方法

html

<span class="gw_bod0112211">
 吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮无籽，超大孕妇零食
</span>

css

span{
  height: 40px;
  line-height: 20px;
  width: 300px;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

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

效果如下：

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网