Question

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

我有made the latest version live所以你可以确切地看到问题所在和来源。问题是前两个瓷砖和底部两个瓷砖之间的界限，我无法弄清楚为什么它会像这样消失，任何帮助都会受到赞赏。

在源代码中是一个名为“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，要么尝试逐个删除它们，以查看导致问题的原因。

比它们更大的表格单元格

4 个答案: