html - HTML表格跨越整个宽度

Question

考虑：

<table border="1" width="100%" ID="Table2">
    <tr>
        <td>100</td>
    </tr>
</table>

这段代码仍然在桌子的两边留下一“英寸”的空间。我试图让表格跨越页面的整个宽度。

score 23 · Accepted Answer

尝试（在您的 <head> 部分或现有的 CSS 定义中）...

<style>
  body {
    margin: 0;
    padding: 0;
  }
</style>

score 17 · Accepted Answer

您的表格可能会继承一种边距样式。尝试将表格的边距设置为 0：

<table border="1" width="100%" ID="Table2" style="margin: 0px;">
  <tr>
    <td>100</td>
  </tr>
</table>

score 6 · Accepted Answer

6

<table border="1" width="100%">

为我工作。

于 2014-01-02T16:42:08.723 回答

score 5 · Accepted Answer

您需要将主体的边距设置为 0，以便表格拉伸整个宽度。或者，您也可以将表格的边距设置为负数。

score 0 · Accepted Answer

0

仅供参考：

html应该是table和 width: 100%.

跨度应该是margin: auto;.

于 2016-03-11T15:42:17.337 回答

score -2 · Accepted Answer

以防万一您使用的是Bootstrap 4，您可以将px-0（将左/右填充设置为 0）和mx-0（将左/右边缘设置为 0）CSS 类添加到正文标记，如下所示：

<body class="px-0; mx-0">
    <!--your body HTML-->
</body>

6 回答 6