多行文本溢出显示省略号(...)
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;