在IE 7中是否有CSS空白属性的替代品?

我正在尝试使用带有pre-line值的css white-space属性在div中显示带换行符的文本.这适用于Chrome,Firefox和IE 8,但不适用于IE 7.

例如,

将在Chrome,Firefox和IE 8中显示如下:

CSS has a pretty useful property called white-space that I’m guessing goes unnoticed among CSS beginners.

You can probably live without this property for quite some time,it will come in very handy and you’ll find yourself going back to it over and over again.

但在IE 7中它显示如下:

CSS has a pretty useful property called white-space that I’m guessing goes unnoticed among CSS beginners. You can probably live without this property for quite some time,it will come in very handy and you’ll find yourself going back to it over and over again.

你可以在这里看到它:http://jsfiddle.net/VSQnP/10/.

我已经尝试了pre的值,但是然后文本没有换行并且长行在div的右侧运行,并且预先换行,但是在IE 7中存在相同的问题.

最佳答案
IE7不支持前置空白处理属性.有关兼容性表,请参见此page.

您可以改用这些声明

white-space: pre;
word-wrap: break-word;

它不是pre-line的替代品,因为它破坏了单词而不是行,但至少内容不超过其容器的边界.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效