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

前端开发 前端开发 主题:1148 回复:2395

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

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

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

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

发布评论

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

支持 Markdown 语法,需要帮助?

评论(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+ /
}