-webkit-box-orient无效

大家好，我是源码被猫吃了。

问题描述

通过将 -webkit-box-orient 属性写为类的样式，在通过打包工具打包后发现该样式并没有生效。查阅资料后发现是启动了 autoprefixer。

<p class="content">Hello World!</p>
// CSS 部分
.content {
    -webkit-box-orient: vertical;
}

解决方案

方法一：

将 -webkit-box-orient 样式写为内联样式，如下面所示。

<p class="content" style="-webkit-box-orient: vertical">Hello World!</p>

方法二：

关闭 autoprefixer.

<p class="content">Hello World!</p>