logo标签列表

在Internet Explorer 8中，文本区域中的回车键无法正常工作

htmlcssinternet-explorertextareaword-wrap
6
当我在一个带有CSS nowrap属性的文本区域中按下回车键时，在IE8中无效，不会创建新行，而是出现一个简单的空白符。我已经尝试了当前版本的Opera、Chrome和Firefox，并没有遇到这样的问题。你有什么解决方法吗？
谢谢。
以下是需要翻译的内容：

当我在一个带有 CSS nowrap 属性的文本区域中按下回车键时，在 IE8 中无效。不会创建新行。相反，只会出现一个简单的空格。但在 Opera、Chrome 和 Firefox 的当前版本中并不存在这个问题。你有什么解决方案吗？

谢谢。

我的代码：

.gwt-TextArea
{
white-space:nowrap;
}

gwt-TextArea用于设置文本域。

此外，我已经尝试过。

.gwt-TextArea
    {
    white-space:pre;
    }

看起来会得到相同的结果。

FML，我这里也是同样的问题。 - cen
4个回答
5

这篇文章说Internet Explorer会忽略带有white-space: nowrap的换行符。

他们的解决方法是使用white-space: pre。这样做是否可以得到您想要的效果？

5
抱歉，解决方案是这样的 - 对于Internet Explorer 7，任何除了
之外的值都会引起此问题。对于Internet Explorer 8，任何除了之外的值都会引起此问题。我还没有尝试过Internet Explorer 9。如果在那里也发生了这种情况，请创建一个带有（文档类型和）
即使您明确将 white-space 的值设置为 normal，此问题仍然存在于Internet Explorer 11中。 - wangkaibule
@wangkaibule - 如果你将Chrome设置为normal或nowrap，它会忽略换行符。我猜这是设计上的问题。不过，Internet Explorer 11已经解决了这个问题。我更新了我的答案，并加入了有关Internet Explorer 11的数据。 - PhistucK
1

一定要使用CSS解决方案吗？如果不是，你可以为

我在IE9和Chrome 13之间遇到了不一致的行为。在两个浏览器中设置属性wrap="off"可以达到相同的效果。 - jwatts1980
0

可用的选项（在此处找到：Quirksmode.org）为：

  • normal
  • nowrap，IE5.5+
  • pre，IE6+
  • pre-line IE8
  • pre-wrap IE8

值得尝试使用white-space:normal （我没有IE进行实验，但我想如果可以将状态改为abnormal，则normal应该是默认可用的）。

根据原帖的评论/回复进行编辑。

您是否使用了文档类型？（我建议使用<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">）

假设您已经使用了文档类型，是否有可能提供演示页面的链接？或者发布您的(x)html和css，以查看是否存在某种样式覆盖或拼写错误，从而防止应用css？

1
pre-line不行，它不能保留空格和制表符。我试过pre，但它不起作用。normal是换行模式，但也没有帮助。我查看了quirksmode.org。它声称IE8在pre和nowrap方面完全兼容。但对于文本区域来说似乎并非如此。 - Aftershock
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接