web前端超出两行用省略号表示的实现方法
更新时间:2017年10月12日 15:49:05 作者:wei hang
这篇文章主要介绍了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; }
这个属性应用在移动端兼容性比较好。
效果如下:
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
相关文章
jsp Unsupported encoding: gb2312 错误原因
今天做了一个JSP页面,运行时tomcat提示:org.apache.jasper.JasperException: Unsupported encoding: gb2312 错误,找了很久才找到出错的地方,原来是一个空格惹的祸。2009-06-06
最新评论