0

我有两张桌子，只需要在两张桌子之间留一个空隙就可以让它看起来更好看。我怎么做？

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

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

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

4

2 回答 2

4

给他们一些余地。

CSS：

table
{
    margin: 10px 0;
}
于 2013-08-30T13:51:04.667 回答
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/

于 2013-08-30T13:52:29.560 回答