多HTML文本區域

我的形式繼承幾個CSS樣式，和一個textarea的默認顯示只有當你鍵入一個段落不會換行，但要持續一個在同一行有一個單一的row--。我如何強制它回到多行輸出？我在HTML中設置了「rows」和「cols」屬性，但它似乎沒有做任何事情。多HTML文本區域

的HTML高度嵌套，但實際輸入元素是：

<input name="input47" type="textarea" rows="3" cols="10" />

我已經試過的CSS是：無論

body form ol.sections li ol.prompts li ol.entries li ol.inputs li input[type=textarea] { 
    height: 500px !important; 
    white-space: normal !important; 
}

的500px的作品我是否不使用!important，但textarea中只有一行文本，垂直居中（Chrome和Safari）。

編輯：顯然，我需要刷上了我的HTML-- <input type="textarea">應該已經<textarea>

來源

2011-08-05 macaroon5

你想動態改回使用JavaScript或其他客戶端腳本語言？ –

很難重現而不真實的例子 – spliter

A [短的，獨立的，正確的（可編譯），示例]（http://sscce.org/）將真正幫助。您可以添加您遇到問題的CSS和HTML嗎？ – andyb

@ macaroon5，你在這裏濫用<input />元素。你想獲得什麼是

<textarea name="input47" rows="3" cols="10"> 
    Your multiline text is here. 
</textarea>

Here is the example

來源

2011-08-05 14:33:45 spliter

Ha。哎呀。我自己就明白了這一點。 – macaroon5

我假設你有類似

white-space: nowrap;

在樣式表應用到你的textarea的地方，這就是使其在一行中呈現整個文本塊。

只需添加類似

textarea#myfield { 
    white-space: normal 
}

應該沒有必要在風格上面!important，但如果你沒有得到結果，你可以嘗試!important

來源

2011-08-05 14:03:54 spliter

剛剛更新我已經添加了另一個答案，因爲這個問題是完全不同的，你已經添加我有同樣的問題的例子 – macaroon5

。通過空格：正常也不會進入多行。 – spliter

後的問題 –

請注意，除行和列你也可以設置高度和寬度，這會影響它。它可能是你設置行的情況，但css屬性高度會覆蓋它。

來源

2011-08-05 14:07:24 mkk

它似乎並不matter--只是嘗試設置高度500像素而且還是文本的一個單列垂直居中 – macaroon5

你嘗試加入！重要？像高度：500px！重要; 你使用什麼瀏覽器？你能提供一個問題的鏈接嗎？或者至少複製粘貼html結構和相關的CSS？ – mkk

剛剛更新了問題 – macaroon5

多HTML文本區域

回答

相關問題