如何自动增加文本区域的宽度？

【问题标题】：How to auto grow just the width in textarea?如何自动增加文本区域的宽度？
【发布时间】：2019-12-01 13:05:36
【问题描述】：

我想知道是否有一种方法可以自动增加文本区域的宽度。我知道有多种方法可以增加高度，但我还没有找到只增加宽度的方法。为了提供视觉效果，我希望获得类似于 imessage 如何扩展蓝色圆圈的宽度以适合内部文本的东西。如果无论如何要在 react 和 css 中做到这一点，那就太棒了谢谢，

【问题讨论】：

标签： css reactjs

【解决方案1】：

我在网页中所做的是将 textarea 标签放在 div 标签中，将 textarea 的宽度设置为 100%，然后允许 div 根据屏幕大小做出响应

...
#textfield {
width: //insert your desired width, like 80% or 300px//;
}

textarea {
width: 100%;
}
...
<div id="textfield">
   <textarea></textarea>
</div>

【讨论】：