【问题标题】:How to get rid of unwanted space between tables?如何摆脱表格之间不需要的空间?
【发布时间】:2015-01-08 01:48:11
【问题描述】:

我的页面有两个大表,一个位于另一个之上:

http://www.sportsmogul.com/Encyclopedia/2007/BOS/index.html

在我的编辑器 (Dreamweaver) 中,表格之间没有空格。

但在 Chrome 中,有大约 10 个像素的间隙(背景显示通过的蓝色空间,在顶部“导航栏”和页面的其余部分之间)。

希望摆脱这种差距。

【问题讨论】:

  • 把你的代码放在这里,或者更好,做一个JSFIDDLE:jsfiddle.net

标签: html css html-table margin


【解决方案1】:

似乎在表格之间有一个<br> 标签,我必须说,虽然有一点疑问,但我相信这是罪魁祸首。

请参阅附件 A:

以蓝色突出显示,<br> 位于表格之间。

有关<br> 标签的更多信息,请参阅此链接:http://en.wikipedia.org/wiki/HTML#Elements

【讨论】:

  • 我的代码中没有看到
    。我什至在记事本中打开它,我找不到它。 :( 另外,您使用的是什么编辑器(在您的屏幕截图中)?也许这会让我更容易找到这个所谓的
    ...谢谢!
【解决方案2】:

删除表的起始<table> 标记之前的<br> 标记。如果您删除它,Chrome 中的空间就会消失。由于 Dreamweaver 不显示非显示元素,因此您不会在源时间看到它。

【讨论】: