Html文本区域，垂直调整大小以包含5000个字符

嗨，伙计们，我有一个html文本区域，其容器的宽度为100%，有没有任何方法可以将文本区域的高度固定为5000个字符，而不使用任何仅使用Css的滚动条

我已将Css设置为

textarea {
    font-family: inherit;
    width: 100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    resize: vertical;
    box-sizing: border-box; /* For IE and modern versions of Chrome */
    -moz-box-sizing: border-box; /* For Firefox                          */
    -webkit-box-sizing: border-box; /* For Safari                           */
}

编辑：确定我的宽度为100%，这使得文本区域适合屏幕大小/容器的100%

---

因此，如果屏幕的宽度是800px，字体是12px，我希望文本区域的高度设置为能够容纳5000个字符

由于您在textarea标记中有属性，所以很好地限制字符并不复杂

假设您的文本区域中需要5000个字符，您将使用下一个代码：

<textarea rows="4" cols="50" maxlength="5000">
   Enter text here...
</textarea>

---

只使用CSS？我将简明扼要地回答：没有。

没有任何东西可以将文本框的可见部分设置为适合5000个字符。Maxlength不会更改尺寸。您的代码现在只使用rows属性来设置高度；高度：自动没有任何作用。你无法知道100%的宽度。对于一个人来说，它可以是50个字符，另一个人可以容纳1000个字符。如果您确切知道元素的宽度，则可以使用以下公式进行粗略估计：

5000/宽度*行高

。你需要JS。

textarea{
 overflow: hidden;
 height: auto;
}