2009-08-15 78 views
6

当我在一个textarea中输入一个空白属性设置为通过css的nowrap时,它是无效的。没有创建新行。发生一个简单的空白出现。 这只在IE8中才是正确的。我曾尝试Opera,Chrome和Firefox的最新版本,但我没遇到过这样的问题。 你有这个解决方案吗?在Internet Explorer 8的textarea中输入不起作用

谢谢..

我有这样的:

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

其中GWT-文本区域设置文本区域。

而且,我已经试过

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

这似乎给了相同的结果。

+0

FML,这里同样的问题.. – cen 2016-07-18 14:18:43

回答

5

This article表示Internet Explorer忽略换行符with white-space: nowrap

他们的修复方法是使用white-space: pre。这会让你获得你想要的行为吗?

+0

不,它是一样的。 – Aftershock 2009-08-15 18:09:51

0

可用的选项(这里找到:Quirksmode.org),分别是:

  • 正常
  • NOWRAP,IE5.5 +
  • 预,IE6 +
  • 线预IE8
  • 预包装IE8

这可能是值得使用的white-space: normal(我不'没有IE可以进行试验,但我想如果normal可以将状态更改为ab正常),那么默认情况下可以使用normal


编辑,关于OP的评论/回应。

您使用的是文档类型? (我推荐使用<!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

预行不正确,它不保留空格和制表符。我试过,它不起作用。正常是包装模式,这也没有帮助。我看着quirksmode.org。它声称IE8完全兼容pre和nowrap。这在我看来并不是这样。至少对于textareas。 – Aftershock 2009-08-15 22:13:28

1

是否必须是CSS解决方案?如果没有,你可以为textarea分配属性wrap =“off”。

+0

我在IE9和Chrome 13之间的行为不一致。设置属性wrap =“off”在两个浏览器中都一样。 – jwatts1980 2011-08-15 07:23:31

5

因此,不幸的是,此解决方案是 -
对于Internet Explorer 7,除pre之外的任何white-space值都会导致此问题。
对于Internet Explorer 8,除pre-wrap以外的任何white-space值都会导致此问题。

虽然我还没有尝试过Internet Explorer 9。
如果发生这种情况,只需使用(文档类型和)<textarea>创建一个空白页面,将其打开并按F12。在控制台(“脚本”选项卡)中,键入​​,并简单地使用输出内显示的值作为<textarea>white-space属性的值。

更新

我试过的Internet Explorer 11。仿真模式,因为Internet Explorer 7的模式,它的行为就像Chrome的怪癖模式(意思是,只有white-space: normalwhite-space: nowrap原因这个问题)。 我猜他们(无意中?)向大多数仿真模式回溯了一些修复。

+0

即使将“white-space”值显式设置为“normal”,此问题仍然存在于Internet Explorer 11中。 – wangkaibule 2016-03-11 00:34:35

+0

@wangkaibule - 如果将Chrome设置为“普通”或“nowrap”,Chrome会忽略新行。我想这是设计。不过,Internet Explorer 11解决了其余问题。我更新了有关Internet Explorer 11的数据。 – PhistucK 2016-03-12 09:40:09

相关问题