Question

我浪费了很多时间做一件简单的事情：

我想要显示图像，我想在前一个图像下显示相同的图像。我把这两张图片放在一张桌子上，但我在图像下面有一个奇怪的空间。

这是简单的代码：

<!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;
}

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

我可以删除这个空格吗？

Answer 1

正如已经回答的问题所讨论的，有三种方法可以做到这一点。

将img设置为

display:block;

或设置

lineheight to 0px;

或设置

vertical alignment to top.

我不知道链接到现有问题的最佳方式。我没太注意。如果被问到，可以给出解释。

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

Answer 2

请在样式表中添加以下css。

将float属性设置为左

谢谢， Hasmukh

HTML表格中图像之间的间距

2 个答案: