在devtolls中按角度添加CSS可行，但在代码中无效

Question

我需要在CSS中的多行上制作省略号的最大长度。所以我只是：

.body {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

但是它不起作用，但是如果我通过Chrome devtools在选定的元素（element.style {}上）上进行设置，它将起作用。

不起作用：

enter image description here

作品：

enter image description here

如您所见，两种情况下都添加了样式（仅出于某种原因未在第一个中添加-webkit-box-orient: vertical;）。

有帮助吗？

Answer 1

Autoprefixer删除不再需要的过时前缀。尝试使用它来忽略样式的删除。

.body {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
   /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}