Hellom's Studio.

css 多行文本溢出省略号 编译后会过滤 不生效

字数统计: 86阅读时长: 1 min
2019/07/12 Share

问题描述:

css 多行文本溢出显示省略号 -webkit-box-orient: vertical 编译后会过滤 不生效

解决办法:

1
2
3
4
5
6
7
8
9
10
11

width: 262px;
height: 50px;
font-size: $f17;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
/* autoprefixer: off */ <== /*添加以下两段注释即可生效*/
-webkit-box-orient: vertical;
/* autoprefixer: on */ <== /*添加以下两段注释即可生效*/
CATALOG
  1. 1. 问题描述:
  2. 2. 解决办法: