logo标签列表

HTML表格跨越整个宽度

htmlhtml-table
32

考虑以下情况：

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

这段代码在表格两侧仍留有“英寸”空白。我想让表格跨越整个页面的宽度。

6个回答
23

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

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

你的表格可能会继承某个margin样式。尝试将表格的margin设置为0：

<table border="1" width="100%" ID="Table2" style="margin: 0px;">
  <tr>
    <td>100</td>
  </tr>
</table>
还有可能是父元素的宽度或边距，一直到 body 元素。 - BC.
这是覆盖CSS中内容的最佳方式吗？ - T.T.T.
7
<table border="1" width="100%">

对我有效。

5

您需要将body的margin设置为0，以使表格能够完全展开。或者，您也可以将表格的margin设置为负数。

0

仅供参考：

html 应该是 table 和 width: 100%。

span 应该是 margin: auto;。

“html should be table”是什么意思？你能详细说明一下吗？最好通过编辑您的答案来说明。但请注意，不要包括“Edit：”，“Update：”或类似的字眼 - 答案应该看起来像今天写的。 - Peter Mortensen
-2

如果你正在使用Bootstrap 4，你可以将px-0（将左/右填充设置为0）和mx-0（将左/右边距设置为0）CSS类添加到body标签中，如下所示：

<body class="px-0; mx-0">
    <!--your body HTML-->
</body>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接