Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/sql-server-2008/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sql-server-2005/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何在表之间创建空白?_Css - Fatal编程技术网

Css 如何在表之间创建空白?

Css 如何在表之间创建空白?,css,Css,我有两张桌子,只需要在两张桌子之间留出一点空隙,让它看起来更漂亮。我该怎么做 到目前为止,表格的布局如下: <html><body> <table><tr><td></td></tr></table> <table><tr><td></td></tr></table> </body></html>

我有两张桌子,只需要在两张桌子之间留出一点空隙,让它看起来更漂亮。我该怎么做

到目前为止,表格的布局如下:

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

这就把他们一个接一个地放在一起。如何在两者之间留出一点空间?我对html非常陌生,所以我不知道如何添加空白,我能想到的唯一方法是创建一个带有特定id的,它只是一个空块。然而,对于一些相对简单的东西来说,这似乎需要很多额外的代码。

给他们一些余量

CSS:

table
{
    margin: 10px 0;
}
给他们留点余地

CSS:

table
{
    margin: 10px 0;
}

通过在第二个表格上设置页边距顶部,可以在两者之间创建间隙:

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

第一桌
第二桌

查看此JSFIDLE:

您可以通过在第二个表格上设置页边距顶部,在两者之间创建一个间隙:

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

第一桌
第二桌

查看此JSFIDLE:

使用
边距
或定位。表格是并排还是一个在另一个之下?你最好的选择是谷歌有很多方法在两个元素之间留出一定的间距。你会在这里得到一些很好的答案,所以一定要尝试所有答案,这样你就可以看到哪一个最适合你。你可以使用多个
标记。使用
边距
或定位。桌子是并排的还是一个在另一个下面?你最好的选择是谷歌。在两个元素之间有很多方法来保持一定的间距。你会在这里得到一些很好的答案,所以一定要尝试所有答案,这样你才能看到哪一个最适合你。你可以使用多个
标签。太好了,非常感谢!(…出于某种原因,所以现在还不让我接受答案,不过我很快就会接受的,哈哈)@Itay也很可能是个答案。@Itay这个答案有什么不对?这个答案似乎对这项工作有所帮助。太好了,非常感谢!(…出于某种原因,所以现在还不让我接受答案,不过我很快就会接受的,哈哈)@Itay也很可能是个答案。@Itay这个答案有什么不对?这个答案似乎对OP有所帮助。