如何删除表之间的垂直空间

时间:2014-10-21 13:36:04

标签: html html-table

我有一个PHP页面,它在表格中输出一个菜单。在它下面还有另一个包含(荷兰语)文本的表。

这让我疯狂,是IE10和Firefox以及Chrome,它们之间都添加了两行空行,就像我键入<br>更糟糕的Firefox代码检查器实际上将其显示为<br><br /> 但是当用firefox请求页面源时,它根本就不存在。

我临时放置的页面和来源here 即使我从页面中删除图像,我仍然有这个问题。 但好像通过魔术,联系页面..没有显示这个问题。

它与填充无关,我已经测试了内部html单元格距离,所以文本有点边框。我甚至添加了使用noborder的风格也没有效果。

1 个答案:

答案 0 :(得分:0)

好的,我找到了解决方案,我发布了它,所以其他人也可能会发现它。

我页面中的问题是虽然表格元素之间没有空格分隔符;因为它写得像:

<table>
<tr><td>..some  cells stuff .. </td></tr>
</table>
<table>
 <tr><td>..some  cells stuff .. </td></tr>
</table>

问题在于,在下表中,有些标签没有包含在表格元素中,例如:

<table>
<tr><td>..some  cells stuff .. </td></tr>
</table>
<table>
<tr><td>..some  cells stuff .. </td></tr> <br><br>
</table>

现在firefox确实报告标签中有一些东西,但是tbody不是真正的&#39;标签,我查了一下,它的firefox方式说我知道表和你在那个表体内写的东西,这不是我理解的正常表格布局列和行的一部分。它有点令人困惑,但感谢@luaan指点我做一些验证测试。 因为在页面后面稍后声明的那些断行线在底部表之前造成了破坏,所以它仍然有点奇怪......但是再次它是错误的代码我不应该像那样写它。