解决：文字溢出显示省略号失效

发现问题

在vue-cli2构建的项目中，使用css文字溢出显示省略号的样式，本地开发显示正常，但经过webpack打包后无效，经过排查发现，打包后的代码缺失了以下代码

-webkit-box-orient:vertical

解决方案

使用autoprefixer官方推荐写法Control Comments(控制注释)

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

附上 文字溢出显示省略号css

单行

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

多行

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

更多方法传送门 www.cnblogs.com/yzg1/p/5089…