如何用 div 的 contenteditable 属性实现自动伸缩的输入框？

发布日期： 2024-11-03 阅读量： 作者： 网络

自动变长输入框，让文字自由伸展

如何实现输入框随文字长度自动伸缩，并在超过行宽时自动换行的效果呢？

一位大神给出了一个巧妙的方案，利用了 div 的 contenteditable 属性。

代码如下：

<div class="input-container">
    你好，
    <div class="auto-expand" contenteditable="true">111</div>
    请下午来开会
</div>

随便看看