我遇到了一个列的内容未与下一列垂直对齐的问题。我正在使用 HTML。除了我复制的几件事之外，我对 CSS 并不熟悉。第一列有 3 个图像，第二列有一个包含多个图像的表格。第一列的 3 个图像在下一列内容的中间对齐。我无法让第一列图像像其他图像一样在顶部对齐。页面为：http://www.fredstrainshop.com/ho.html。 代码可能太长，无法在此处发布，但如果您愿意，我可以。谢谢！
【问题讨论】：
<td> 的结束标签在哪里？
标签： html html-table vertical-alignment tablelayout
如果我理解正确，您正试图将第一列内容对齐为第二列，如果是这样，请尝试将以下 CSS 属性添加到您的第一个 <td> 标记。
<td style="vertical-align: top;">
【讨论】：
当我在 http://www.fredstrainshop.com/ho.html 这个元素之后检查你的页面时：
<a href="woodland-scenics.jpg"><img class="IMG1" src="woodland-scenics.jpg"></a>
有一个空的<table>。由于它是空的，您可以将其移除，所有内容都将垂直居中对齐。
否则，如果你真的需要那个空桌子，你可以在<td> 上放style="vertical-aligm:top"。
【讨论】：
在您的表的第一个 <td> 中添加 style="vertical-align:baseline" 或 style="vertical-align:top"：
<td style="vertical-align: baseline;">
<a href="storemp4.jpg">
<img class="IMG2" src="storemp3.jpg">
</a><br><br><a href="storemp5.jpg">
<img class="IMG2" src="storemp4.jpg">
</a><br><br><a href="storemp6.jpg">
<img class="IMG2" src="storemp5.jpg">
</a><table cellspacing="25" cellpadding="25" border="0">
</table>
</td>
同时删除多余的表格和不可用的图像。
注意：使用适当的<tr> 和<td> 删除不需要的嵌套表，以保持表结构简单。
【讨论】：