由于各大浏览器的兼容问题，autoprefixer插件可以帮助我们自动完成前缀。它不同于less、scss等预处理器，属于后处理器。Preprocessor：打包前的处理Postprocessor：代码打包生成后的处理autoprefixer其实是postCss的一个插件，postCss本身就是一个用JavaScript工具和插件转换CSS代码的工具，它提供了很多强大的处理函数CSS。autoprefixer插件广泛应用于前端项目的打包配置。具体配置请参考官方文档。Autoprefixercss补全前缀功能Autoprefixercss代码处理前显示：flex；Autoprefixercss代码显示：-webkit-box；显示：-ms-flexbox；显示：弹性；点此在线测试css样式在不同浏览器自动补全效果！CSS-textoverflowdisplayellipsis在布局样式中，我们经常遇到需要超出限制显示省略号，有的显示一行，有的显示两行，三行，通常使用如下样式：singlelinetextellipsis//textoverflowellipsis.ellipsis{空白：nowrap;溢出：隐藏；text-overflow:ellipsis;}多行文字省略这里是less混传参数的方法.clamp_fun(@line:1){overflow:hidden;文本溢出：省略号；/*autoprefixer:off*/-webkit-box-orient:vertical;/*autoprefixer:on*/display:-webkit-box;-webkit-line-clamp:@line;}.clamp_1{.clamp_fun(1);}.clamp_2{.clamp_fun(2);}.clamp_3{.clamp_fun(3);}显示：-webkit-box；将对象显示为弹性盒模型。-webkit-line-clamp:2;该属性不是css的标准属性，需要结合以上两个属性来表示显示的行数。-webkit-box-orient：垂直；从上到下垂直排列子元素（设置flexiblebox的子元素排列方式）编译错误问题通过在上面注释掉autoprefixeroffon解决编译问题，编译时报错，报错信息如下：(43:3)第二个Autoprefixer控件注释被忽略。Autoprefixer将控制注释应用于整个块，而不是下一个规则。这种写法已经过时了，使用了下面的写法：/*autoprefixer:ignorenext*//*autoprefixer:ignorenext*/-webkit-box-orient:vertical;我是甜品cc?微信公众号：【看到另一种可能】我热爱前端开发，也喜欢专攻各种与本职工作关系不大的技术。我对技术和产品有广泛的兴趣。强的。本号主要致力于分享个人的经验总结，希望能给小部分人一些小小的帮助。
