与IE11在textareas上的奇怪文字换行

在IE11/win7 64上，我注意到了一个非常奇怪的模式，它涉及到文字在文本区域上的换行方式。与IE11在textareas上的奇怪文字换行

实施例：

http://fiddle.jshell.net/fy2aoz28/1/

随着textarea的文本，所述第二线几乎是空的，但它有空间至少必须 “到：EVENT_NAME” 字符串。

在Chrome看起来像这样：

那么，什么是怎么回事，是有什么办法来迫使相同的行为所有的浏览器？

来源

2015-09-05 AlfaTeK

添加'white-space：pre'。空格的含义序列被保留，行仅在源文件中的换行符处以及
元素处被破坏。 http://fiddle.jshell.net/fy2aoz28/2/。在IE和Chrome中应该看起来一样。 –

添加white-space属性。它用于描述如何处理元素内的空白。

textarea{ 
    width: 300px; 
    height: 200px; 
    white-space: pre; 
}

现在在Chrome和IE中应该看起来一样。这里有一个小提琴让你审查。 http://fiddle.jshell.net/fy2aoz28/2/

来源

2015-09-05 03:55:27

这很奇怪。我从http://stackoverflow.com/a/20327197阅读，我尝试与预先包装没有运气。白色空间：前期工作，现在铬和IE工作方式相同。看起来预包装或“正常”不按IE11上的假设工作？如果有人可以提供更详细的解释在这里发生的事情，将不胜感激......我解决了这个问题，但不明白解决方案。 – AlfaTeK

克里斯科伊尔提供了一个很好的解释和例子。你可以在这里阅读：https：//css-tricks.com/almanac/properties/w/whitespace/。 *使用'pre'的空格与HTML中的完全相同，直到代码中出现换行符时文本才会被换行。* –

我没有在原始问题上提出要求，但您知道：在Firefox上的显示行为是不同的，它不会破线 – AlfaTeK

与IE11在textareas上的奇怪文字换行

回答

相关问题