vue项目中关于CSS样式【-webkit-box-orient: vertical】打包后丢失问题

   最近在做vue项目的时候页面处理多行文本样式时用到了-webkit-box-orient: vertical这个属性，本地跑项目没问题，但是打包放到服务器后发现这个属性丢失了。如下图：

1. .topic-info {

2. margin: 5px 10px;

3. font-size: .8em;

4. text-indent: 2em;

5. display: -webkit-box;

6. -webkit-line-clamp: 4;

7. -webkit-box-orient: vertical;

8. overflow: hidden;

9. text-overflow: ellipsis;

10. }

        后来在网上查询一番，发现可能是optimize-css-assets-webpack-plugin这个插件的问题，其实解决办法很简单，只需要在这个属性前后加一个特殊注释即可，如下图：

1. .topic-info {

2. margin: 5px 10px;

3. font-size: .8em;

4. text-indent: 2em;

5. display: -webkit-box;

6. -webkit-line-clamp: 4;

7. /*! autoprefixer: off */

8. -webkit-box-orient: vertical;

9. /* autoprefixer: on */

10. overflow: hidden;

11. text-overflow: ellipsis;

12. }

参考链接：https://segmentfault.com/q/1010000009360389