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.

相关文章

此处评论已关闭