multiline html textarea

Question

我的表單繼承了幾種css樣式，而textarea的默認顯示只有一行 - 如果你輸入一個段落，它將不會換行但繼續走同一行。 如何強制它回到多行輸出？ 我在HTML中設置了“rows”和“cols”屬性，但它似乎沒有做任何事情。

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;
}

無論我是否使用!important ，500px都能正常工作，但textarea中只有一行文字，垂直居中（Chrome和Safari）。

編輯：顯然我需要刷新我的HTML-- <input type="textarea">應該是<textarea>

Answer 1

@ macaroon5，你在這里濫用<input />元素。 你想得到的是

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

這是一個例子

Answer 2

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

Answer 3

我假設你有類似的東西

white-space: nowrap;

應用於樣式表中某處的textarea，這就是使整個文本塊在一行中呈現的原因。

只需添加類似的東西

textarea#myfield {
    white-space: normal
}

在上面的樣式中應該沒有!important ，但如果你沒有得到結果，你可以嘗試!important

Answer 4

使用UnityEngine; 使用System.Collections;

公共課GameFSM：MonoBehaviour {public enum {LevelAwal，diam，terbang / lompat，objek，pertanyaan，bintang，menembak，menghindar，enemy，nyawa，GameOver，NextLevel}

public TurnStates state;
public bool gameInProgress = true;

void Start () {
    state = GameFSM.Mulai.Init;
    StartCoroutine ("TurnFSM");
}
private IEnumerator TurnFSM (){
    while(gameInProgress){
        switch(state){
        case TurnStates.LevelAwal:
            if( Permainan Awal()) {* state = diam:}
            break;
        case TurnStates.diam:
            if(Mulai()) {* state =lompat/terbang;}
            break;
        case TurnStates.Jump:
            if( Melompat()) {* state = objek;}
            break;
        case TurnStates.benda:
            if( mencari objek()) {* state = pertanyaan;}
            if (menghindar ()) {* state = enemy;}
            break;
        case TurnStates.objek:
            if( mencari Benda ()) {* state = pertanyaan;}
            if(Menembak()) {* state = enemy;}
            break;
        case TurnStates.enemy:
            if( Terkena Enemy ()) {* state = nyawa;}
            Break;
        case TurnStates.soal:
            if( benar ()) {* state = k;}
            else (salah ()) {* state = nyawa;}
            break;
        case TurnStates.nyawa:
            if(nyawa masih tersedia ()) {* state = diam;}
            else (nyawa masih habis ()) {* state = GameOver;}
            Break;
        case TurnStates.Kunci:
            if( berhasil menjawab()) {*state = NextGame;}
            break;
        case TurnState.NextGame :
            if (DoneLevel ()) {* state = LevelBaru;}
            break;
        }
        yield return null;
    } 
}