为什么webkit行绑定在firefox中不起作用?

ukl*_*klp 22 html css firefox

我使用这个webkit线夹,它适用于Chrome,但不适用于Firefox.以下是代码:

{
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 */
}
Run Code Online (Sandbox Code Playgroud)

我应该如何使它在Firefox上运行?

Dan*_*eld 30

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

如果你有兴趣 - 你可以看一下我的答案:带有淡出后备小提琴的线夹,为非webkit浏览器添加淡出效果解决方法(而不是省略号).

  • 它仍然无法在Firefox上运行,因为它不支持*-webkit-line-clamp*. (5认同)