webkit框东方造型从造型中消失

在我的Angular应用程序中（我在4.3.1版本中）我在多行后添加CSS省略号。
为此，我在Sass中使用以下css代码。webkit框东方造型从造型中消失

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

由于某些原因，box-orient行会简单地从样式中删除，导致省略号不起作用。这似乎发生在Angular和Ionic应用程序中。

来源

2017-09-11 Paul van den Dool

https://developer.mozilla.org/en-US/docs/Web/CSS/box-orient是一个老版本的语法和要求Flexbox的 –

我知道这是过时了，但添加省略号时，它仍然有效在一段的第n行。在我的情况下，因为所有用户都使用相同的浏览器，所以使用起来很安全。 –

包装-webkit-box-orient在下面的autoprefixer代码似乎解决了这个问题。

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

来源

2017-09-11 09:55:48

你的问题和答案没有什么不同。 – Dhaarani

围绕-webkit-box-orient的引用代码块不同。他们似乎做出了所有的改变。 –

webkit框东方造型从造型中消失

回答

相关问题