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

销售前的奉承,不如售后服务。这是制造“永久顾客”的不二法则。那些花了好久才想明白的事,总是会被偶尔的情绪失控全部推翻。

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

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

效果如下:

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

到此这篇关于web前端超出两行用省略号表示的如何实现方法就介绍到这了。不好去反复思考同一个问题,不好把所有的感情都放在一个人身上,你还有父母,还有其他兄弟姐妹。更多相关web前端超出两行用省略号表示的如何实现方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
基于javaweb+javascriptp如何实现学生宿舍管理系统

基于javaweb+javascriptp如何实现企业车辆管理系统

JSP动态如何实现web网页登陆和注册功能

基于javaweb+javascriptp如何实现个人日记管理系统

详解web存储中的storage