English 在我的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应用程序中。
以下为我工作。
.ellipsis {
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
与先前介绍的解决方案类似，但是如果那是您的话，则少一行：
.ellipsis {
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
包装-webkit-box-orient以下自动前缀代码似乎可以解决此问题。
.ellipsis {
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
没有答案对我有用。
My solution was to put the
-webkit-box-orient: verticalas inline-styling and the rest as a class. Not elegant, but it works.