为什么 IE 以不同的方式包装这个 textarea？答案

【问题标题】：Why is IE wrapping this textarea differently?为什么 IE 以不同的方式包装这个 textarea？
【发布时间】：2012-02-17 17:48:38
【问题描述】：

有趣的是，这个。我有以下 JS 代码，我在 textarea 中显示。

var drinks = ['coffee', 'tea', 'Ribena', 'Vimto', 'ginger beer', 'hot chocolate'];

如果需要换行，IE 会在第一个方括号之前中断（即数组的开头，但实际的 JS 代码在这里并不重要），而其他浏览器会在方括号内中断。

后者似乎是正确的，因为方括号内有空格（即易断点）。

没有时髦的自动换行或空白 CSS。对此我有什么办法吗？

【问题讨论】：

【解决方案1】：

有几个字符 -()[]{}«»%°·/!? Internet Explorer 自动将其解释为换行符。您有一种特殊情况，您试图在 textarea 内完成这项工作，因为您无法在标签内呈现 HTML。

理论上，你可以这样做：

<textarea><nobr>var drinks = ['coffee', 'tea', 'Ribena'];</nobr></textarea>

并且 IE 不会在您的示例中指出的 [ 等字符自动中断。除了，你显然不能在 textarea 中使用 html 标签，所以这是不可能的。

作为替代方案，如果您正在寻找一个，您是否可以尝试在这种情况下使用可滚动的 div 而不是文本区域？

【讨论】：

有趣 - 感谢您的信息。在我的情况下，需要一个 textarea，而不是可滚动的 div。有趣的是，您认为将 textarea 的值包装在“标签”中会解决它 - 我不太确定那里的想法是什么，但我肯定会试一试。谢谢。
对不起，我的回答可能不清楚。根据设计，textarea 不会让您在 textarea 之间输入诸如“nobr”之类的标签，从而使该解决方案无法实现。基本上，我的印象是，除非您远离 textarea 元素，否则 IE 没有有效的解决方案。
啊，那好吧。我很惊讶这不能通过自动换行/空白 CSS 规则的某种组合来协调，但不是我发现的。