CSS3-如何在各个浏览器上用CSS实现word-wrap的统一效果?

CSS3-如何在各个浏览器上用CSS实现word-wrap的统一效果?

瑾兮 发布于 2017-10-01 字数 291 浏览 1171 回复 1

一段很长的代码或者链接,往往会超出所在的区域,使用word-wrap属性在很多浏览器上可行,但是Firefox和Opera却没有效果。
有没有可以兼容各浏览器的解决方案?求解。

演示效果:http://jsbin.com/ojotiv/1/edit

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

瑾兮 2017-10-27 1 楼

试下这样来做:

pre {
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */
}