我已经为游戏创建了一个地图系统，该系统的运行原理是从图块绘制地图的图片。造成这种情况的原因很多，我不再赘述，但是如果我们真的想知道，那么我相信我们可以找到联系我的方法;)

我已经发布了最新版本，以便我们可以确切地看到问题所在和来源。问题是最上面的2个图块和最下面的2个图块之间的界线，我不知道为什么它会像这样消失，任何帮助都将不胜感激。

源代码中有一个称为" stackoverflow"的标记，如果我们在查看源代码时搜索" stackoverflow"，则应将我们带到有问题的表。

我还上传了问题的图片。

解决方案

回答

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

即以下将提出问题：

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

而且这不会：

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

希望能有所帮助。

编辑：好的，那根本不是解决方案。 h！

回答

我没有仔细检查整个内容，但是问题出在样式表中。

如果仅复制其中的表部分，则它会正确显示地图。

如果我们从此部分中删除最终的</ 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，或者尝试一一删除它们，以查看引起问题的原因。

回答

我认为我们需要在图片上使用" display：block"。当图像为"内联"时，行间距会留有一些额外的空间。

回答

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

td {
    line-height: 0
}