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

Question

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

例如，

<div style="white-space:pre-line">
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, but once you learn how to use it, it will come in very handy and you’ll find yourself going back to it over and over again.
</div>

将在Chrome，Firefox和IE 8中显示如下：

  

CSS有一个非常有用的属性叫做white-space，我猜测它在CSS初学者中没被注意到。

     

你可能会在没有这个属性的情况下生活很长一段时间，但是一旦你学会了如何使用它，它会非常方便，你会发现自己会一遍又一遍地回到它。

但在IE 7中显示如下：

  

CSS有一个非常有用的属性叫做white-space，我猜测它在CSS初学者中没被注意到。你很可能在没有这个属性的情况下生活了很长一段时间，但是一旦你学会了如何使用它，它会非常方便，你会发现自己会一遍又一遍地回到它。

您可以在此处查看：http://jsfiddle.net/VSQnP/10/。

我已经尝试了pre的值，但是文本没有换行，长行在div的右侧运行，pre-wrap，但在IE中有同样的问题7。

Answer 1

IE7不支持空白处理属性pre-line。有关兼容性表，请参阅此page。

您可以使用这些声明

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

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