平时开发项目的时候经常会用到textarea,但是会遇到文本超过 textarea 的初始高度,文本就会溢出,用户必须滚动才能查看文本的其余部分。
即将推出一种实验性的 CSS 规则,即 form-sizing
属性,它将允许根据用户输入的文本量自动增加文本域的高度。
/* 调整大小以适应内容 */
textarea { form-sizing: auto; }
/* 正常行为 */
textarea { form-sizing: normal; }
注意:需要 Chrome 120 版本
原文:https://www.amitmerchant.com/textarea-auto-increase-height/