Question

我需要更改HTML的<textarea>标记的宽度和高度，我需要它才能拥有它两行（行）。目前，它只有一行。知道如何解决这个问题吗？

对于宽度，即使我将其更改为1000px也没有任何改变，我不明白为什么。

<div>
    <textarea rows="2" cols="200" disabled="disabled" style="width:500px; height: 10px;">
        Date
        User 
    </textarea>
</div>

我在MVC5应用程序中使用Bootstrap。

Answer 1

删除textarea上的高度声明，只需使用rows="2"

指定行

<textarea rows="2" cols="200" disabled="disabled" style="width:500px;">
Date
User 
</textarea>

height会与rows冲突，width会与cols冲突。

Answer 2

尝试这样做：

<textarea rows="2" cols="200" disabled="disabled" style="width:500px !important;height:250px !important;">
Date
User 
</textarea>

PS：将高度：250px替换为您想要的高度

Answer 3

如果要根据大小设置文本区域的高度，请继续阅读内容

<textarea  id ="code" rows="2" cols="200" disabled="disabled" style="width:100%; height:auto"  >
    <!DOCTYPE html>
    <html>
    <body>

    <h1>My First Heading</h1>
    <p>My first paragraph.</p>

    </body>
    </html>

    </textarea>

然后在文档准备好分配文本区域的高度=滚动大小

$(document).ready(function(){

  textAreaAdjust(document.getElementById('code') );
});

function textAreaAdjust(o) {
  o.style.height = "1px";
  o.style.height = (o.scrollHeight)+"px";
}

更改文本区域的高度和宽度

3 个答案: