比它们更大的表格单元格

Question

我为游戏创建了一个地图系统，其运行原理是从图块中绘制地图图片。 这有很多原因，我不会在这里，但如果你真的想知道，那么我相信你可以找到如何联系我;）

我已经制作了最新版本，因此您可以确切地看到问题所在和来源。 问题是前两个瓷砖和底部两个瓷砖之间的界限，我无法弄清楚为什么它会像这样消失，任何帮助都会受到赞赏。

在源代码中有一个名为“stackoverflow”的标记，如果在查看源代码时搜索“stackoverflow”，则它会将您带到相关表中。

我还上传了这个问题的图片 。

Answer 1

我想你需要在你的图像上使用display: block 。 当图像是inline ，行距有一点额外的空间。

Answer 2

您还可以调整td元素的行高：

td {
    line-height: 0
}

Answer 3

我知道这可能听起来很糟糕，但你需要确保在<img>标签的末尾和结束</td>标签的开头之间没有空格。

即以下将提出问题：

<td>
 <img src="image.jpg"/>
</td>

这不会：

<td><img src="image.jpg"/></td>

希望有所帮助。

编辑：好的，这根本不是解决方案。 卫生署！

Answer 4

我没有抬起头来，但问题出在样式表的某个地方。

如果只复制它的表格部分，它会正确显示地图。

如果从此部分删除最终的</span>标记，它也可以正常工作（但页面混合）：

<div class="inner"><span class="corners-top"><span></span></span>
<div class="content" style="font-size: 1.1em;">

<!-- Stackoverflow findy thingy -->
<table border="0" cellspacing="0" cellpadding="0">

所以要么从头开始尝试使用css，要么尝试逐个删除它们，看看，这是导致问题的原因。