HTML表格跨越整个宽度答案

【问题标题】：HTML table span entire widthHTML表格跨越整个宽度
【发布时间】：2010-10-07 01:28:04
【问题描述】：

考虑：

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

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

【问题讨论】：

【解决方案1】：

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

为我工作。

【讨论】：

【解决方案2】：

以防万一您使用Bootstrap 4，您可以添加px-0（将左/右填充设置为0）和mx-0（将左/右页边距设置为0）CSS body 标签的类，如下所示：

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

【讨论】：

【解决方案3】：

仅供参考：

html 应该是 table 和 width: 100%。

span 应该是margin: auto;。

【讨论】：

你说的“html应该是table”是什么意思？你能详细说明吗？最好是editing your answer。但是没有“编辑：”、“更新：”或类似的 - 答案应该看起来好像是今天写的。

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

尝试（在您的

部分或现有的 CSS 定义中）...

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

【讨论】：