css写单行超出显示省略号,可以复习下,这个很常用。
width: 3rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
这种两行的文字,用纯css截取,移动端下载也ok了,ios的我测了ok,安卓的只测试了小米,魅族,三星的部分机型,是否很符合规范大家可以去查查文档之类的,但是效果确实实现了啊,代码如下:
overflow: hidden;
text-overflow: ellipsis;
display: box;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;