使textarea填充表格單元格

我知道，在SO上也有類似的問題，但答案似乎不適用於我。我的表格有一個填滿多行的單元格，我希望textarea填滿整個單元格。我找到的代碼不適用於高度。使textarea填充表格單元格

CSS

textarea { 
    width: 100%; 
    height: 100%; 
    resize: none; 
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android 2.3 */ 
    -moz-box-sizing: border-box; /* FF1+ */ 
    box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/ 
}

小提琴： https://jsfiddle.net/4nkwhLj5/

來源

2017-02-15 Soma Zambelly

您可以通過將position: relative添加到文本區td和position: absolute來使其工作。

這是小提琴： https://jsfiddle.net/stefarossi/5Lwhg7mb/2/

希望你能找到這個有用。

來源

2017-02-15 21:42:28

我不明白爲什麼這個工程。你能否詳細說明爲什麼絕對的和相對的？ –

我最終在我的應用程序中使用了固定的行號，但這正是我想要的。 –

這不適用於IE11 – Dan

因爲你用的是表顯示，100％的只佔父行。你將需要在高度設置更加具體和桌子的高度添加到textarea的，在這種情況下

height: 126px

見小提琴https://jsfiddle.net/4nkwhLj5/1/

來源

2017-02-15 21:41:09 JordanBarber

沒有爲％的高度無解，你需要與尺寸精確，例如像素大小（例如300像素），但我會用行和cols在這種情況下：

<textarea cols="15" rows="10"></textarea>

有關列和行大小的更多信息：w3schools

來源

2017-02-15 21:41:13 Omnitored

使textarea填充表格單元格

回答

相關問題