我在可调整大小的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,它将打断文本。然而,英语单词也会被破坏。我想把每一个字都写下来。

最佳答案

IE10确实支持white-space: pre-wrap。但是IE10对元素的宽度是严格的。
我为wapper容器使用了一个可调整大小的小部件,但是忘记了调整<pre>的宽度。如果我在使用扩展或收缩包装器时调整/声明<pre>的宽度,它将被修复。

关于html - IE10不支持空格:预包装?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21035248/

10-13 02:42