【问题标题】:multiline html textarea多行 html 文本区域
【发布时间】:2011-10-20 21:52:36
【问题描述】:

我的窗体继承几个CSS样式,和一个textarea的默认显示只有当你键入一个段落不会换行,但要持续一个在同一行有一个单一的row--。如何强制回多行输出?我已经设置了“行”和“的cols”在HTML属性,但它似乎并没有做任何事情。 P>

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

在500件像素作品不管是否我使用!important,但在textarea的文本的仅单个线,垂直居中(Chrome和Safari)。 P>

编辑:显然,我需要刷上了我的HTML-- &lt;input type="textarea"&gt;应该是&lt;textarea&gt; P>

【问题讨论】:

标签: html forms input textarea


【解决方案1】:

@macaroon5,你在这里误用了&lt;input /&gt; 元素。你想得到的是

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

Here is the example

【讨论】:

  • 哈。哎呀。只是我自己想通了。
【解决方案2】:

我假设你有类似的东西

white-space: nowrap;

应用于样式表中某处的文本区域,这就是它在一行中呈现整个文本块的原因。

只需添加类似

的内容
textarea#myfield {
    white-space: normal
}

上面的样式应该不需要!important,但是如果没有得到结果,可以试试!important

【讨论】:

  • 我添加了另一个答案,因为添加示例后问题完全不同
  • 我遇到了同样的问题。按空格:正常也不会进入多行。
【解决方案3】:

请注意,除了行和列之外,您还可以设置高度和宽度,这会对其产生影响。可能是您设置了行,但 css 属性 height 会覆盖它。

【讨论】:

  • 这似乎无关紧要 - 只是尝试将高度设置为 500px 并且仍然有一行文本垂直居中
  • 您尝试添加 !important 吗?像高度:500px!重要;你用什么浏览器?你能提供一个问题的链接吗?或者至少复制粘贴html结构和相关的css?
【解决方案4】:

使用 UnityEngine; 使用 System.Collections;

公共类 GameFSM : MonoBehaviour { 公共枚举 {LevelAwal、diam、terbang/lompat、objek、pertanyaan、bintang、menembak、 menghindar, 敌人, 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;
    } 
}

【讨论】:

  • 我建议在您的代码中添加一些解释。另外,请确保您的所有代码都包含在 StackOverflow 代码格式中以提高可读性。
猜你喜欢
  • 1970-01-01
  • 2015-03-07
  • 1970-01-01
  • 2021-07-29
  • 2012-02-14
  • 1970-01-01
  • 2021-02-06
  • 2015-08-25
  • 1970-01-01
相关资源
最近更新 更多