html表跨越整个宽度?

时间:2009-02-11 23:16:43

标签: html html-table

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

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

6 个答案:

答案 0 :(得分:22)

尝试(在您的&lt; head&gt;部分或现有的CSS定义中)...

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

答案 1 :(得分:15)

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

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

答案 2 :(得分:5)

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

答案 3 :(得分:5)

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

适合我。

答案 4 :(得分:0)

仅供参考:

html应该是table&amp;宽度:100%。 span应该是margin:auto;

答案 5 :(得分:0)

以防万一,如果您使用的是bootstrap 4,则可以添加px-0(将左/右填充设置为0)和mx-0(将左/右边距为0)CSS类为body标签,如下所示:

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