我有 html <textarea></textarea>
和CSS:
textarea {
width: 100%;
max-height: 80px;
resize: none;
}
如果有很多文本,我希望文本区域将其高度增加到 80px,然后显示一个滚动条。问题是textarea是25px(不知道为什么,可能是我的浏览器设置了这个属性),当文字很多的时候,25px后显示一个滚动条。无论如何只有在 80px 之后才显示滚动条?
最佳答案
你真的需要 js 来做这个,看下面的例子:
var textarea = document.getElementById("textarea");
var limit = 80; //height limit
textarea.oninput = function() {
textarea.style.height = "";
textarea.style.height = Math.min(textarea.scrollHeight, limit) + "px";
};
textarea {
width: 100%;
}
<textarea id="textarea"></textarea>
关于html - 文本区域自动增加高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46777446/