如何在Internet Explorer的预标签中包装文本?

时间:2015-06-08 13:09:46

标签: html css internet-explorer whitespace word-wrap

我正在使用以下代码将<PRE>区域包装在HTML中:

 <PRE style = "white-space: pre-wrap;
               white-space: -moz-pre-wrap;
               white-space: -pre-wrap;
               white-space: -o-pre-wrap;
               word-wrap: break-word;">

它在chrome和Mozilla上工作正常,但同样不适用于IE。 我正在使用IE9。

请告诉我是否需要设置任何其他属性来包装IE中的文本?

1 个答案:

答案 0 :(得分:1)

对于IE 6和7,您需要使用标记包装文本并为其指定空白属性。由于您的文本已经包含了一个标记,并且您有一个类,因此只需将white-space属性添加到您的文本中即可 做这样的事

#pre-wrap {
  white-space: pre-wrap;
}
    <p id="pre-wrap">
    Lorem ipsum dolor sit amet
       consectetuer    adipiscing   elit     sed   diam   nonummy   
    
    
    nibh euismod tincidunt ut laoreet
    </p>