Display flex and line-clamp

Question

I have problem with line-clamp on Chrome.

When I use display:-webkit-box everything works fine but when i put display: flex (which is newest version of display: box) that it doesn't

Example

Answer 1

每CanIUse.com

这是

  

专有和未记录的 CSS属性，当与display：-webkit-box结合使用时，将包含给定行数的文本。当文本溢出时，它将以省略号结尾：包含省略号。

我的重点。

此外...

  

由于没有规范且属性依赖于flexbox的过时实现（因此显示：-webkit-box），其他浏览器不太可能原样支持该属性，尽管替代解决方案可能在某些时候替换它。