Html IE10没有';不支持空白:预包装?
我在可调整大小的Html IE10没有';不支持空白:预包装?,html,css,browser,internet-explorer-10,Html,Css,Browser,Internet Explorer 10,我在可调整大小的div中有一个pre标记。当用户展开或收缩div时,pre的宽度将拉伸或收缩。如果文本长度超过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-
div
中有一个pre
标记。当用户展开或收缩div
时,pre
的宽度将拉伸或收缩。如果文本长度超过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的
空格:pre-wrap
更改为空格:pre
,它将打断文本。然而,英语单词也会被打断。我想让每个单词都不换行。IE10支持空白:预换行
。但IE10对该元素的宽度要求严格
我为wapper容器使用了一个可调整大小的小部件,但忘记了调整
的宽度。当使用扩展或收缩包装时,如果我调整/声明
的宽度,它将被修复您可以使用modernizer.js来验证它!不可复制。请提供一个完整的示例,带有文本上下文示例。这可能不会有帮助,但在这种情况下,建议将非固定版本放在最后,在供应商前缀的后面。您能澄清您的答案吗?我不明白你在说什么。@iconoclast我把
放在一个可调整大小的
里面。问题的原因是我调整了外部
节点的大小,但忘记了更新
的元素宽度。