【问题标题】: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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-09-06
      • 2023-03-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-14
      • 2011-05-10
      相关资源
      最近更新 更多