0

大家好，我有一个 html 中的 Textarea，其容器的宽度为 100% 有什么方法可以修复 Textarea 的高度以适应 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%，这使得 textarea 适合屏幕大小/容器的 100% 所以如果屏幕的宽度是 800px 并且字体是 12px，我希望设置 textarea 的高度以使其容纳 5000人物。

4

2 回答 2

1

限制字符并不是那么复杂，因为您在 textarea 标签中具有属性max length 。

假设您需要在 textarea 中包含 5000 个字符，您将使用以下代码：

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

如您所知，我在 textarea 标记中添加了maxlength属性并将其设置为 5000。

因此，在您设置最大长度后，您可以在 CSS 中添加替代方式以保持滚动并以这种方式使高度匹配为 5000：

textarea{
 overflow: hidden;
 height: auto;
}
于 2013-10-04T17:47:45.210 回答
0

只有CSS？我会简洁地回答：没有。

于 2013-10-04T17:59:59.453 回答