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

发布时间：2020-12-14 18:49:31 所属栏目：资源来源：网络整理

导读：我使用这个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 */

我使用这个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 here：line-clamp with fade-out fallback fiddle,以支持非Webkit浏览器.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!