當(dāng)文本溢出時，我的簡單textarea不會顯示水平條。它換行換行。那么，如何在文本溢出時刪除自動換行并顯示水平條呢？
3 回答
慕沐林林
TA貢獻2016條經(jīng)驗 獲得超9個贊
默認情況下，Textareas不應(yīng)自動換行，但是您可以將wrap =“ soft”設(shè)置為顯式禁用換行：
<textarea name="nowrap" cols="30" rows="3" wrap="soft"></textarea>
EDIT2：如果要確保每個瀏覽器都支持它，則可以使用CSS更改換行行為：
使用級聯(lián)樣式表（CSS），您可以使用實現(xiàn)相同的效果 white-space: nowrap; overflow: auto;。因此，可以將wrap屬性視為過時的。
從這里開始（似乎是有關(guān)textarea信息的絕佳頁面）。
EDIT3：我不確定它何時更改（根據(jù)評論，一定是在2014年左右），但是wrap現(xiàn)在是官方的HTML5屬性，請參閱w3schools。更改了答案以與此匹配。
冉冉說
TA貢獻1877條經(jīng)驗 獲得超1個贊
textarea {
white-space: pre;
overflow-wrap: normal;
overflow-x: scroll;
}
white-space: nowrap如果您不關(guān)心空格，也可以使用它，但是如果您使用的是代碼（或縮進的段落或可能故意存在多個空格的任何內(nèi)容），那么您當(dāng)然也不想這樣做...所以我更喜歡pre。
overflow-wrap: normal（word-wrap在較舊的瀏覽器中），以防某些父母更改了該設(shè)置；即使pre已設(shè)置，也可能導(dǎo)致?lián)Q行。
也-違背了當(dāng)前接受的答案-文本域也往往默認包。pre-wrap似乎是我的瀏覽器上的默認設(shè)置。
神不在的星期二
TA貢獻1963條經(jīng)驗 獲得超6個贊
以下基于CSS的解決方案適用于我：
<html>
<head>
<style type='text/css'>
textarea {
white-space: nowrap;
overflow: scroll;
overflow-y: hidden;
overflow-x: scroll;
overflow: -moz-scrollbars-horizontal;
}
</style>
</head>
<body>
<form>
<textarea>This is a long line of text for testing purposes...</textarea>
</form>
</body>
</html>
添加回答
舉報
0/150
提交
取消