css - webkit box orient样式从样式中消失

Question

在我的 Angular 应用程序(我的版本是 4.3.1)中，我在多行之后添加了一个 CSS 省略号。
为此，我在 Sass 中使用了以下 css 代码。

.ellipsis {
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

出于某种原因，面向盒的行被转换程序简单地从样式中删除，导致省略号不起作用。这似乎发生在 Angular 和 Ionic 应用程序中。

Answer 1

在以下自动前缀代码中包装 -webkit-box-orient 似乎可以解决问题。

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