HTML表格中图像之间的间距答案

【问题标题】：Spacing between image in HTML tableHTML表格中图像之间的间距
【发布时间】：2014-05-28 07:16:11
【问题描述】：

我正在浪费大量时间做一件简单的事情：

我想展示一张图片，并且我想在上一张图片下展示同一张图片。我已经把两张图片放在了一张桌子上，但是图片下面有一个奇怪的空间。

这是简单的代码：

<!DOCTYPE html>
<html>
<head>
<LINK href="style_new.css" rel="stylesheet" type="text/css">
</head>

<body>

<?php

echo "<table class=\"top\">";
echo "<tbody>";

echo "<tr><td class=\"t_top\"><img src=\"try.png\" vspace=\"0px\"/></td></tr>";
echo "<tr><td class=\"t_top\"><img src=\"try.png\" vspace=\"0px\"/></td></tr>";
echo "</tbody>";
echo "</table>";

?>
</body>
</html>

及相关样式表：

table.top
{
border-spacing:0px;
border:0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-spacing: 0px;

}

img.top
{
border-spacing:0px;
border:0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

td.t_top
{ 
border-spacing:0px;
border:0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

tr.t_top
{ 
border-spacing:0px;
border:0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

我的图片高度为 58 像素。我试图检查各种浏览器和空间仍然存在。我在图像下方和<td> 边框上方有一些像素空间（我已经检查过），然后我有<td> 和<tr> 对象是62px，但img 对象是58px

我可以删除这些空格吗？

【问题讨论】：

标签： html image html-table border space

【解决方案1】：

如已回答的问题中所述，有三种方法可以做到这一点。

将img设置为

display:block;

或设置

lineheight to 0px;

或设置

vertical alignment to top.

我不知道链接到现有问题的最佳方式。我没有太注意。如有要求，可给予解释。

我找到了：Where is this blank space coming from?

【讨论】：

【解决方案2】：

请在您的样式表中添加下面的 css。

将浮动属性设置为左侧

谢谢，哈斯穆赫

【讨论】：