如何在HTML中使用<tbody>完全填充<table>？

Question

我有一些HTML代码，通过Javascript注入到网页中。我注入的最终HTML代码样式如下：

<table style="border-width: 0px; margin 0px; width:100%; height: 100%; padding:0px;">
    <tbody style="border-width: 0px; margin 0px; width:100%; height: 100%; padding:0px;">

出于某种奇怪的原因，当我在 Firebug 中检查 tbody 时，它似乎比表格要小 4px。如何使 <tbody> 填满整个表格？

- Zaheer

Answer 1

尝试添加：

border-collapse: collapse;

针对你的table，或者尝试设置:

display: block;

或者

display: table

在 tbody 元素上。

- ElonU Webdev

---

这可能更适合作为注释，或者提供一个答案，然后再加上一些额外的注释？ - James Khoury

对我来说，使用"display: table"和"width: 100%"在<tbody>元素上对我很有帮助。 - Daniel

Answer 2

尝试将以下 CSS 添加到您的表格中：

border-collapse: collapse;

- Ben Rowe

---

谢谢您的快速回复！是的，这解决了问题！我想知道为什么，即使我将边框宽度指定为0，它也没有产生同样的效果。 - Zaheer