html - IE10 不支持空白 : pre-wrap?

Question

我在可调整大小的 div 中有一个 pre 标签。当用户扩展或收缩div时，pre的宽度会拉伸(stretch)或收缩。如果文本比 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> .