WAP端实现显示两行,多出的部分省略号代替

来源:互联网 发布:大学生网络受骗案例 编辑:程序博客网 时间:2024/06/07 06:18

本省的 P 标签 可以实现单行 多出部分以省略号代替

使用如下:

p{ width: 350px;overflow:hidden;;white-space:nowrap; text-overflow:ellipsis;}

但WAP端要实现两行显示,将查找的方法记录如下:


div {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

<div>显示内容</div>


0 0
原创粉丝点击