在vue.js中构建时,css中的-webkit-box-orient属性不起作用?

时间:2019-05-13 03:44:03

标签: css vue.js build production

我在本地时使用属性-webkit-box-orient正常。但是,当我通过npm构建Web时,运行build,则属性不起作用并出现在devtools中。如何应用此属性?

我尝试过:

.ellipsis {
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis {
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

但是在构建时,发生了类似情况吗?

有人为我推荐解决方案吗?非常感谢。

1 个答案:

答案 0 :(得分:1)

这很难。我的朋友找到了此页面https://blog.csdn.net/niesiyuan000/article/details/79301492

/*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */

如果您不想更改配置,似乎可以解决问题。