IE10不支持white-space：pre-wrap？

Question

我在可调整大小的pre中有一个div标记。当用户展开或缩小pre时，div的宽度将拉伸或收缩。如果文本长度超过pre宽度，则会将其分解为下一行。

我将这个CSS用于pre：

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

这是在FF，Chrome，IE8和IE9上的，但不是在IE10上。

在IE10上，当用户展开它时，如果宽度足够，文本将转到上一行。它运作正常。但是当用户缩小它时会出现问题。文本将被隐藏而不是被分解到下一行。

我将IE10的white-space: pre-wrap更改为white-space: pre，它会破坏文本。但是，英语单词也会被打破。我想保持每个单词的无包装。

Answer 1

IE10支持white-space: pre-wrap。但是IE10对该元素的宽度很严格。

我为wapper容器使用可调整大小的小部件，但忘记调整<pre>的宽度。如果我在使用展开或缩小包装<pre>时调整宽度<div>，则会修复此问题。