然而,textarea的一大局限是高度固定 ,不能随内容自适应解决这个问题的方法是借助div,通过contenteditable属性将其转变为可编辑区域设置div的最小和最大高度,当内容超出最小高度但未超过最大高度时 ,div的高度会根据文本自动调整超过最大高度时,会显示滚动条,实现了textarea的高度自适应功能 。

很简单 ,写个div的样式,宽度固定,高度自适应就行 ,代码如下ltdiv style=quotwidth750pxborder1px solid #cccquot 内容自适应ltdiv。

为了模拟textarea的高度自适应功能,可以使用div元素,并通过以下步骤实现设置contenteditable属性将div的contenteditable属性设置为true,使其变为可编辑区域高度自适应设置div的最小和最大高度当内容超出最小高度但未超过最大高度时 ,div的高度会根据文本自动调整超过最大高度时,显示滚动条,确保。
本文来自作者[恭喜发财]投稿,不代表华智号立场,如若转载,请注明出处:https://www.bjxhzyykj.cn/miao/14824.html
评论列表(4条)
我是华智号的签约作者“恭喜发财”!
希望本篇文章《关于textarea根据文本内容自适应高度的信息》能对你有所帮助!
本站[华智号]内容主要涵盖:华智号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览:然而,textarea的一大局限是高度固定,不能随内容自适应解决这个问题的方法是借助div,通过conte...