如何让textarea填充其父宽度的宽度？

鉴于我们事先不知道div的宽度？如何让textarea填充其父宽度的宽度？

我的想法：用JS计算div的宽度，找到一种方法将它转换为cols，并将css应用于textarea on the fly。但也许没有必要重新发明轮子？

谢谢。

来源

2010-07-31 johnjohn

<textarea style="width:100%"> *将在大多数情况下起作用。

如果没有，请提供更多信息！

_{*注意：由于某些原因，它需要cols和rows属性进行验证。但设置宽度或高度会覆盖它们，所以放入任何你想要的值。}

来源

2010-07-31 12:23:37 Krevan

非常感谢！ – johnjohn 2010-07-31 12:41:57

+1我从来没有意识到你需要这些属性才能使'width：100％'工作。我用了一些其他的工作来自动调整textarea的大小，如果它的父容器被调整大小，但现在它变得如此简单:)谢谢！ – 2010-07-31 12:51:38

@FelixKling我不认为'cols'和'rows'是'width：100％'工作所必需的''cols'和'rows'是'textarea' HTML元素的必需属性，它考虑了如果没有它们，即HTML验证程序将会投诉。按照您期望的方式工作的'width：100％'是浏览器的一个功能。这对旧版浏览器无效。 – 2014-07-17 19:11:33

如何让textarea填充其父宽度的宽度？

回答

相关问题