如何使textarea填充其父宽度的宽度?

时间:2010-07-31 12:20:59

标签: javascript html css xhtml

鉴于我们事先不知道div的宽度?

我的想法:用JS计算div的宽度,找到一种方法将其转换为cols并将css应用于textarea。但也许没有必要重新发明轮子?

谢谢。

2 个答案:

答案 0 :(得分:29)

<textarea style="width:100%"> *适用于大多数情况。

如果没有,请提供更多信息!

*注意:由于某种原因,需要colsrows属性进行验证。但设置宽度或高度将覆盖它们,因此请添加所需的任何值。

答案 1 :(得分:1)

我建议flex胜过width: 100%,因为100%通常不考虑边框,从而导致出现水平滚动。

<div style="display: flex">
    <textarea style="flex: 1"></textarea>
</div>