css溢出显示省略号

多行文本溢出显示省略号(...)

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

遇到的bug

编译后发现-webkit-box-orient不见了，原因是autoprefixer编译时将其删除了。

autoprefixer不仅会帮我们添加-webkit-之类的prefixer，他还会帮我们删除一些样式代码。

关闭autoprefixer的自动删除功能

/* autoprefixer:off */ 
-webkit-box-orient: vertical ; 
/* autoprefixer:on */    

用注释包裹的中间这一句就不会被删除

单行文本溢出显示省略号(...)

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;