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有所帮助。