Html 调整文本区域的高度和宽度以适应<；td>；桌子的边缘

我正在表格中显示html内容。对于打印标签，我使用表的

中的

textArea

。因此，我想调整

文本区域的高度和宽度，使其等于
。如何才能做到这一点
尝试使用此CSS：

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

或内联：

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

为文本区域提供100%的宽度和高度样式

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

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

希望这有帮助。



问题是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*/
}

不要为get添加
框大小：边框框
，否则文本区域的填充和边框将导致其大于表格单元格。我可以在
本身中不使用css@user1275375是的，将它放在textarea标记的“style”属性中。@user1275375我已经在JSFIDLE上创建了一个FIDLE:<代码>边框：0

对于

文本区域是必要的，以使其恰好适合。嗯，你们是否认为这适合高度？因为即使是最基本的测试也会揭示，事实并非如此。
<textarea style="border: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;"> </textarea>