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>