Question

我有两张桌子，两者之间只需要一个间隙，让它看起来更漂亮。我该怎么做？

到目前为止，这是表格的布局：

<html><body>
  <table><tr><td></td></tr></table>
  <table><tr><td></td></tr></table>
</body></html>

这使他们一个接一个。我如何在它们之间放置一点空间？我是html的新手，所以我不确定如何添加空格，我能想到的唯一方法就是创建一个具有特定id的东西，这只是一个空块。但是，对于相对简单的事情而言，这似乎可能是很多额外的代码。

Answer 1

给他们一些保证金。

<强> CSS：

table
{
    margin: 10px 0;
}

Answer 2

您可以通过在第二个表格上设置margin-top来创建两者之间的差距：

<table border=1>
    <tr>
        <td>
            First table
        </td>
    </tr>
</table>
<table border=1 style="margin-top: 15px;">
    <tr>
        <td>
            Second table
        </td>
    </tr>
</table>

查看此JSFiddle：http://jsfiddle.net/xweYs/

如何在表之间创建空格？

2 个答案: