如何解决优雅地降低文本溢出CSS属性
| 我正在使用text-overflow
CSS属性来获得椭圆效果,我认为目前为止仅IE支持该效果。我的问题是,我不是想让它在Firefox中正常工作,而是要寻找一种可以在其他浏览器中正常降级的解决方案,而不是突然截断文本。因此,它将代替Firefox中的省略号,而后退到常规的文本环绕。
不确定text-overflow
是否同时取决于overflow
和white-space
属性...
任何帮助是极大的赞赏。
解决方法
对于IE,Safari,Chrome(和其他Webkit浏览器)和Opera的最新版本,已经支持
text-overflow
属性。如果需要对Opera的较早版本(11.0之前的版本)的支持,可以使用带前缀的属性,如下所示:
.ellipsis {
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
Firefox(和其他基于Gecko的其他浏览器)根本不支持text-overflow属性,这令人失望,因为它实际上非常有用。但是对于Firefox,您可以使用一些JavaScript来创建省略号。您可以使用JQuery HERE找到解决方案。开发人员在其站点上提供了一个演示程序。它不能像纯CSS解决方案那样很好地实现,并且在关闭JS时显然不起作用,但是它是您此时可以使用Firefox获得的最接近的解决方案。
HTH。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。