表格单元格比预期大

Question

我为一款游戏创建了一个地图系统，该系统的运行原理是从图块中绘制地图图片。造成这种情况的原因有很多，我不会在这里详细介绍，但如果您真的想知道，那么我相信您可以找到如何联系我；）

我有 发布最新版本 这样您就可以准确地看到问题所在和根源。问题是顶部 2 个瓷砖和底部 2 个瓷砖之间的线，我不明白为什么它会这样消失，任何帮助将不胜感激。

源代码中有一个名为“stackoverflow”的标记，如果您在查看源代码时搜索“stackoverflow”，那么它应该会将您带到有问题的表。

我还上传了一个 问题的形象.

Answer 1

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

Answer 2

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

td {
    line-height: 0
}

Answer 3

我知道这可能听起来很糟糕，但是您需要确保两端之间没有空格 <img> 标签和结束的开始 </td> 标签。

IE。下面将提出这个问题：

<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，要么尝试将它们逐一删除，以查看导致问题的原因。