2012-05-04 60 views
1

正在搜索但未找到解決方案。textarea滾動條移除自動換行/新行

我有一個textarea,asp:textbox,我嘗試刪除文本放置在第二行而不需要用戶執行換行的行爲。即使您的文本框本身的大小不足以顯示所有文本,只要用戶不按回車,我仍希望它繼續保留在同一行上。

runat="server" Width="387" Height="40px" TextMode="MultiLine" onkeypress="MaxTwohundred(this);" Rows="2" style="overflow-x: scroll; overflow-y: 

完成此操作的正確方法是什麼?

white-space:nowrap不會執行此操作。用戶不能通過按下返回按鈕來執行簡單的換行。

謝謝。

編輯

感謝蒂姆梅多拉,它的工作原理。

波紋管是我使用的。

TextMode="MultiLine" 
       style="overflow-x: scroll; overflow-y: hidden; " wrap="false" 

回答

1

請參見本示例:http://jsfiddle.net/nDtpL/4/

雖然這將是很好使用CSS white-space控制此行爲,瀏覽器支持不一致(見註釋)。相反,我使用wrap="off"來獲得所需的行爲(至少在Chrome,IE 9(和7 8仿真模式)和FF)的快速測試中。

這裏有一個類似的線程:enter does not work in textarea in Internet Explorer 8

+0

它實際上在Chrome對我的作品,但在FF我沒有得到期望的行爲。我會看看我能否找到更好的解決方案。你使用的是什麼瀏覽器? –

+0

它不適用於我的Internet Explorer,這是該公司的大多數用戶正在使用和對我的需求。 – Johan

+0

是的。 IE9忽略返回鍵,Chrome正常工作,而FF完全忽略該風格。我正在查看是否有一個IE的專有擴展來實現這一點。 –