使textarea填充表格单元格

问题描述：

我知道，SO上也有类似的问题，但是答案似乎对我不起作用.我的表格中有一个可以填充多行的单元格，并且我想让textarea填充整个单元格.我发现的代码不能用于高度.

I know, there are similar questions on SO, but the answers didn't seem to work for me. My table has got a cell that fills multiple rows, and I want the textarea to fill the whole cell. The code that I've found doesn't work for height.

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/

答

您可以通过在td中添加position: relative并在文本区域中添加position: absolute来使其工作.

You can make it work by adding position: relative to the td, and position: absolute to the textarea.

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

希望您会发现这很有用.

Hope you can find this useful.

使textarea填充表格单元格

相关推荐