我如何替换 webkit-line-clamp 属性以实现 firefox 兼容性

Question

I want to trying to truncate a long text (in two lines) by using -webkit-line-clamp: 2 property .

But in firefox, the -webkit-line-clamp property doesn't work.

overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

Can you help me please. My solution works fine in chrome but -webkit-line-clamp doesn't support by firefox

Answer 1

This property was originally implemented in WebKit and has some issues. It got standardized for legacy support. The CSS Overflow Module Level 3 specification also defines a line-clamp property, which is meant to replace this property and avoid its issues.