div+css不换行超出部分省略号显示避免半字

div+css不换行出现半字问题,推荐超出部分省略号显示:

在显示文章标题时,为了提高可视性,常常要将超长部分省略,并用title提示完整标题。以下代码可用来达到超长部分用省略号显示的效果。

style=”white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;”


不过,这段代码在部分早期FireFox版本下面不会出现省略号,而是直接将超长文字隐藏,而且会出现半个字现象。在部分版本Firefox下解决方法让文字换行,限定行高,然后隐藏换行的部分,这样也就不会出现半个字现象了。

If you find any better way to solve the issue -just comment it here so I could update this post. Thanks.

本文最后更新于 2013-06-06 15:38:15 并被添加「css div+css」标签,已有 6596 位童鞋阅读过。
本文作者:未来往事
本站使用「署名 4.0 国际」创作共享协议,可自由转载、引用,但需署名作者且注明文章出处

相关文章

此处评论已关闭