使用 rows 属性可以增加 textarea 的高度。但是,这并不是一个好的解决方案,因为您不知道用户将输入多少文本。因此,不能将 rows 属性设置为固定值。
<textarea rows="10">
幸运的是,即将推出一种实验性的 CSS 规则,即 form-sizing 属性,它将允许根据用户输入的文本量自动增加文本域的高度。
/* 调整大小以适应内容 */
textarea { form-sizing: auto; }
/* 正常行为 */
textarea { form-sizing: normal; }
form-sizing 属性是一项即将在 Chrome Canary 中首次推出的新 CSS 规则。该提案于 2023 年 5 月 10 日得到了 CSSWG 的批准。
caniuse查询兼容性,只有IE不支持,edag是支持的
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。