前端Warning解决：多行文本省略号样式失效丢失，以及控制台显示 autoprefixer 警告

 

前端报错：多行文本省略号样式失效丢失，以及控制台显示 autoprefixer 警告Autoprefixer applies control comment to whole block, not to next rules

问题描述：

文本多行显示省略号的关键css语句

-webkit-box-orient: vertical;

莫名其妙丢失失效了。查阅资料，有不少人提出在改样式前后添加注释（后处理程序）:

/*! autoprefixer: off */ 

-webkit-box-orient: vertical; 

/* autoprefixer: on */

再次打包，发现样式恢复正常．然后控制台却多出一条警告

原因：

        正如警告中所说，以上的css处理语句控制的应该是整个css块，而不是在此之后的css。

处理：

        将此外修改为：

/*! autoprefixer: ignore next */
-webkit-box-orient: vertical;