html - 调整 textArea 的高度和宽度以适合表格

Question

我在表格中显示 html 内容。用于打印我textArea在<td>表格中使用的标签。所以我想调整 的高度和宽度textArea，使其等于<td>. 我怎样才能做到这一点

Answer 1

dabblet.demo

问题是 textarea 的行为不是正常的盒子模型，这就是为什么我们需要这个盒子大小的技巧

这CSS将帮助您：

textarea {
    border: none;
    width: 100%;
    -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*/
}

如果您无权访问css文件，则可以使用内联 css

像这样：

<textarea style="border: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;"> </textarea>

Answer 2

尝试使用这个 CSS：

td textarea {
    width: 100%;
    height: 100%
}

或内联：

<td>
    <textarea style="width: 100%; height: 100%; border: none">
    </textarea>
</td>

Answer 3

给 textarea 一个 100% 的宽度和高度样式

td textarea {
 width:100%;
 height: 100%;
}

但也要考虑到填充和边框或文本区域，这样它就不会从 td 溢出。

希望这可以帮助。