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

在IE 7中是否有CSS空白属性的替代品?,css,internet-explorer-7,Css,Internet Explorer 7,我正在尝试使用css属性在div中显示带换行符的文本,该属性的值为pre-line。这在Chrome、Firefox和IE8中可以正常工作,但在IE7中却不行 比如说, <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

我正在尝试使用css属性在div中显示带换行符的文本,该属性的值为
pre-line
。这在Chrome、Firefox和IE8中可以正常工作,但在IE7中却不行

比如说,

<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>

CSS有一个非常有用的属性称为空白,我猜这在CSS初学者中是不会被注意到的。
你可能会在相当长的一段时间内不使用这个属性,但一旦你学会了如何使用它,它就会非常有用,你会发现自己会一次又一次地使用它。
将在Chrome、Firefox和IE 8中显示如下内容:

CSS有一个非常有用的属性称为空白,我猜这在CSS初学者中是不会被注意到的

你可能会在相当长的一段时间内不使用这个属性,但一旦你学会了如何使用它,它就会非常有用,你会发现自己会一次又一次地使用它

但在IE 7中,它显示如下:

CSS有一个非常有用的属性称为空白,我猜这在CSS初学者中是不会被注意到的。你可能会在相当长的一段时间内不使用这个属性,但一旦你学会了如何使用它,它就会非常有用,你会发现自己会一次又一次地使用它

您可以在这里看到:


我尝试了
pre
的值,但是文本没有换行,长行从div的右侧跑出来,
pre-wrap
,但是在IE 7中也有同样的问题。

IE7不支持空格处理属性
pre-line
。有关兼容性表,请参见此

您可以使用这些声明

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

它不是
行前
的替代品,因为它会破坏文字而不是行,但至少内容不会超出其容器的边界。

为什么不将文本包装在标记中,并在需要时使用CSS?我希望有一个CSS解决方案,但是我突然想到,在IE 7.+1中显示文本之前,我可能最终不得不对文本进行操作,谢谢你的链接。它证实了我所看到的,但不幸的是没有提供解决办法。谢谢,很抱歉没有提前回复。这对IE7很有效。