为什么webkit行夹紧不能在Firefox中工作？ [英] Why webkit line clamping does not work in firefox?

问题描述

我使用这个webkit线夹，它可以在Chrome中使用，但不能在Firefox中使用。以下是代码：

I use this webkit line clamp, it works in Chrome, but not in Firefox. The following is the code:

{
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上使用它？

How should I make it work on Firefox as well?

推荐答案

你不行。 -webkit-line-clamp 适用于使用webkit的浏览器。 Firefox在 gecko 上运行，并使用供应商前缀： -moz -

You can't. -webkit-line-clamp is for browsers that use webkit. Firefox runs on gecko and uses the vendor prefix: -moz-

如果您有兴趣，请查看我的答案在这里：一个线条夹与淡出备用小提琴以支持非webkit浏览器。

If you're interested - take a look at my answer here: a line-clamp with fade-out fallback fiddle to support non-webkit browsers.

这篇关于为什么webkit行夹紧不能在Firefox中工作？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！