【发布时间】：2014-03-24 19:44:50
【问题描述】：
我得到了一些切片的图像，它们可以放在一个 html 中。我没有自己切。我建了一张桌子。对于每一行，我放置了 4 个需要对齐边框的图像。最终的 html 应该看起来像一个网格，所有图像的边框都正确对齐。但是，我注意到在特定行中，4 个原始图像确实具有相同的尺寸。例如。
我已尝试更改所有图像的宽度和高度，表格和单元格中没有边距/填充。但是，边界不是水平和垂直对齐的。这是具有图像原始尺寸的行之一的示例。我知道有些规则可能是多余的，但我只是尝试了一切，却没有找到解决方案。
感谢您的快速反馈。
<html>
<head>
<meta charset="utf-8">
<title>No name</title><style type="text/css">
img {vertical-align: top; margin:0 auto 0 auto; padding:0}
table, td {border:0; padding:0; margin:0; border-collapse: collapse; cellpadding:0; cellspacing:0;}
</style>
</head>
<body>
<pre width="" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse">
<tr>
<td id="imgA"><a href=""><img src="ImageA" width="187" height="127" alt=""/></a></td>
<td id="imgB"><a href=""><img src="ImageB" width="184" height="127" alt=""/></a></td>
<td id="imgC"><a href=""><img src="ImageC" width="182" height="126" alt=""/></a></td>
<td id="imgD"><a href=""><img src="ImageD" width="187" height="126" alt=""/></a></td>
</tr>
</pre>
</body>
</html>
【问题讨论】：
-
哈哈，伙计，再也没有人这样做了
-
我建议使用 div 和 css 来代替表格，这样不仅不那么麻烦而且速度更快。当亨利八世主持节目时，这种方法已经过时了：P
-
我的建议是使用图形程序将图片重新粘贴在一起。但无论如何，如果您要使用 HTML，请使用正确的 HTML。您的浏览器将不胜感激。