我在可调整大小的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/