html – 为什么webkit线夹在firefox中不起作用?

前端之家收集整理的这篇文章主要介绍了html – 为什么webkit线夹在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 */
}

如何使其在Firefox上工作呢?

解决方法

你不行-webkit-line-clamp适用于使用webkit的浏览器. Firefox运行于 gecko,并使用厂商前缀:-moz-

如果您有兴趣,请查看my answer hereline-clamp with fade-out fallback fiddle,以支持非Webkit浏览器.

原文链接:https://www.f2er.com/html/225131.html

猜你在找的HTML相关文章