当前位置：首页 > 资讯 > 技术文档

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

时间：2022-01-22 12:04 编辑：来源：阅读：
扫一扫，手机访问

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

[b]web前端超出两行用省略号表示的实现方法[/b] 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;
}

这个属性应用在移动端兼容性比较好。效果如下： [img]http://files.jb51.net/file_images/article/201710/20171012154615869.png?2017912154644[/img] 如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

全部评论(0)

上一篇：JavaWeb项目中dll文件动态加载方法解析（详细步骤）
下一篇：JavaWeb Servlet中Filter过滤器的详解

资讯排行榜
更多>>