如何讓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填充其父寬度的寬度？

回答

相關問題