CSS中-webkit-box-orient: vertical属性在编译后丢失的问题解析

简介：
本文探讨了在使用某些前端构建工具或框架时，CSS中的-webkit-box-orient:vertical属性在编译过程中可能消失的问题，并提供了可能的原因和解决方案。 我在项目需求中需要展示两行文本，并且多余的部分用省略号表示。我使用了 `-webkit-box`, `-webkit-line-clamp: 2` 和 `-webkit-box-orient: vertical` 这些属性来实现这个效果，但是发现页面上没有按照代码设置显示。通过检查元素的样式，我发现是由于编译过程导致 `-webkit-box-orient: vertical;` 属性丢失了。 为了解决这个问题，我在网上找到了一种方法：关闭autoprefixer插件。这样可以确保这些特定属性不会被修改或删除，在我的情况下就是保留 `-webkit-box-orient: vertical;` 这一行的完整性。