看起来在IE 11中,对于
textarea
元素继承直接父元素应用的任何 white-space
属性。white-space: pre-wrap
应用于 textarea,如 Jean-François Beauchamp 指出的那样。overflow: white-space: pre-wrap;" maxlength="32000"
在Chrome 43和Firefox 38中没有这个问题。 - Sun添加 CSS
{width: 100%}
这将使文本根据其标签换行
我来这里是因为遇到了一个问题,即IE11上的 word-wrap 无法正常工作;
{width: 100%}
的解决方案对我有效。
我遇到了类似的问题,并通过将word-wrap样式更改为word-break样式来解决:
{ word-break: break-all; }
我在IE(11.431.16299.0)中遇到了一个类似的下拉问题,我通过应用以下两种样式来解决它
white-space:pre-wrap;
word-break:break-all;
这不是你特定问题的答案。
这是针对问题标题“Internet Explorer 11 单词换行不起作用”的通用答案。
当我在谷歌上搜索如何使 IE11 中的单词换行功能正常工作时,这是第一个结果,所以我在此发布此答案以帮助其他试图解决如何使 IE11 中的单词换行正常工作的人。
在支持IE11的情况下实现单词换行最好的CSS属性是使用以下代码:
word-wrap: break-word;
这允许过长的单词被分割,但仍允许较长但不是过于长的单词被放置在下一行。 它在所有浏览器中都适用,不仅仅是IE11和现代浏览器。
在下面的图像中,“m”字符是连续的长M行,在行末被分割。
“o”字符是连续的长O行,长度不足以需要分开单词,但它足够长以使O需要放置在下一行。
white-space: pre-wrap;
解决了这个问题。这个问题很容易重现:创建一个包含超过文本框宽度的句子的固定宽度的文本框的HTML页面。使用IE 11打开HTML文件,您会发现下一个文本没有换行。 - Jean-François Beauchamp