2009-08-15 47 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

相關問題