使textarea填充表格单元格 [英] Make textarea fill table cell

问题描述

我知道，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填充表格单元格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！