未来往事
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.
作者:Rinald @『未来往事 | 记录生活,存储回忆!
原文地址:http://fity.cn/post/386/
本站采用「署名 4.0 国际(CC BY 4.0)」创作共享协议。通俗地讲,只要在使用时署名,那么使用者可以对本站所有原创内容进行转载、节选、混编、二次创作,允许商业性使用。除非在文章正文内单独说明,本站欢迎各种形式的转载。互联网技术更新很快,本站很多文章都具有实效性,我会及时更新原文,但转载的文章无法通知更新。为了不给读者造成困惑或误导,请大家在转载时保留此出处信息。
发表评论
  昵称 [注册]
  密码 (游客无需密码)
  网址
  电邮(电子邮件地址不会被公开, 仅用于接收评论回复提醒使用)
OpenID登入 权限选项 表情