为什么在Firefox中webkit行夹紧不起作用？

我使用这个webkit线夹，它适用于Chrome，但不适用于Firefox。以下是代码：为什么在Firefox中webkit行夹紧不起作用？

{ 
overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 4; /* number of lines to show */ 
line-height: X;  /* fallback */ 
max-height: X*4;  /* fallback */ 
}

我该如何让它在Firefox上工作？

来源

2013-12-15 uklp

+14

因为Firefox不使用WebKit ...？ – BoltClock

是的，我注意到了。我只是想另一种方式来实现相同的功能。现在明白了。谢谢。 – uklp

你不能。 -webkit-line-clamp适用于使用webkit的浏览器。 Firefox的运行在gecko并使用供应商名称：-moz-

如果你有兴趣 - 你可以在my answer here看看：一个line-clamp with fade-out fallback fiddle这对于非WebKit浏览器增加了淡出效果的解决方法（而不是省略号）。

来源

2013-12-15 13:29:27 Danield

由于它不支持* -webkit-line-clamp *，它仍然无法在Firefox上运行。 –

它适用于Firefox的人。 –

不能在Firefox上工作... @MarcosPérezGude –

为什么在Firefox中webkit行夹紧不起作用？

回答

相关问题