css 单行省略号 火狐

CSS 单行省略号在各大浏览器中都有一定的差异，特别是在火狐浏览器中。

在使用 CSS 实现单行省略号时，我们通常会使用以下的代码：

text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    

然而，在火狐浏览器中，这些代码并不能起到实现省略号的作用。而这是因为在火狐浏览器中，省略号需要通过添加 -moz 前缀来实现。

因此，在火狐浏览器中，正确的实现单行省略号的代码如下：

text-overflow:-moz-ellipsis;
    white-space:nowrap;
    overflow:hidden;
    

注意，如果我们要实现跨浏览器的单行省略号，应当同时添加 -webkit 和 -moz 前缀：

text-overflow:-webkit-ellipsis;
     /* Safari, Chrome */text-overflow:-moz-ellipsis;
     /* Firefox */white-space:nowrap;
    overflow:hidden;
    

以上就是 CSS 单行省略号在火狐浏览器中的实现方法。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！