HTML表格中图像之间的间距_Html_Image_Html Table_Border_Space

HTML表格中图像之间的间距

html image

HTML表格中图像之间的间距,html,image,html-table,border,space,Html,Image,Html Table,Border,Space,我在浪费很多时间做一件简单的事情：我想显示一个图像，我想在前一个图像下显示相同的图像。我把这两张图片放在一张桌子上，但是图片下面有一个奇怪的空间以下是简单的代码： <!DOCTYPE html> <html> <head> <LINK href="style_new.css" rel="stylesheet" type="text/css"> </head> <body> <?php echo "<t

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

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

以下是简单的代码：

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

我的图像高度为58px。我试着检查了各种浏览器和空间仍然存在。我在图像下方和

边框上方有一些空间像素（我已经检查过了），然后我有

和

对象，它们是62px，但img对象是58px

我可以删除此空格吗？

如已回答的问题所述，有三种方法可以删除此空格

将img设置为

display:block;

或设置

lineheight to 0px;

vertical alignment to top.

或设置

lineheight to 0px;

vertical alignment to top.

我不知道链接到现有问题的最佳方式。我没怎么注意。如有要求，可作出解释

我找到了：

请在样式表中添加以下css

将float属性设置为左侧

谢谢，

Hasmukh

tks，

垂直对齐：顶部工作