display:-webkit-box有什么作用，哪些浏览器支持它？

Question

我遇到了一种情况，当没有其他显示属性可以解决问题时，使用

display: -webkit-box;

可以解决问题。

我想知道我是否可以使用它以及是否所有浏览器都支持它。

Answer 1

我相信

display: -webkit-box;

是一种旧的 Flexbox 语法，不再使用。

如果您对浏览器支持有疑问，这是一个很棒的网站：我可以使用...

该链接显示了

display: -webkit-box;

的结果。

Answer 2

您需要在元素上设置

display: -webkit-box

才能使用

line-clamp

或

-webkit-line-clamp

。这两个属性设置一个框可以包含的最大文本行数。使用

text-overflow: ellipsis

，如果文本被截断，将以省略号结尾。