Question

如何让我的表体宽度等于HTML中的表格宽度？

Answer 1

您也可以尝试将表格上的边框折叠样式设置为“折叠”。这将最小化浏览器默认值创建的表上的任何填充。

table {
     border-collapse: collapse;
}

Answer 2

对于你的桌子和身体：

检查你的边距，应该是0.检查你的填充，也应该是0。检查您的样式（Firebug）以确保它符合您的想法。如果不起作用，请发布您的HTML和CSS。

Answer 3

我将为此答案假设您的HTML是这样的：

<html>
    <head>
        <style type="text/css">
            table.onetable {
                width: 100%;
                background-color: #F00;
                margin: 0;
            }
        </style>
    </head>

    <body>
        <table class="onetable">
            <tr>
                <td>Hello World</td>
            </tr>
        </table>
    </body>
</html>

您的表未填充body的原因是因为您的浏览器的默认样式对body标记施加了填充（通常在大多数用户代理上为8px）。使用以下CSS覆盖该样式：

body { margin: 0; padding: 0; }

如何使我的表体宽度等于HTML中的表格宽度？

3 个答案: