表列内容不垂直对齐

我遇到的问题与一列不垂直下一列调心的内容。我正在使用HTML。除了我复制的一些东西外，我对CSS还不熟悉。第一列有3张图片，第二列有一张内有多张图片的表格。第一列的3张图像在下一列的内容中间对齐。我无法将第一列图像像其他人一样排列在顶部。该页面是：http://www.fredstrainshop.com/ho.html。代码可能太长，张贴在这里，但我可以的，如果你想要的。谢谢！表列内容不垂直对齐

来源

2017-04-06 Fred

这里是''结束标记？ – bhansa

[表格单元格中文本的垂直对齐]的可能重复（http://stackoverflow.com/questions/5943166/vertical-alignment-of-text-in-a-table-cell） –

如果您的问题已回答，请选择任意的答案为[回答]（https://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work）。 – bhansa

如果我让你正确的，你想对齐第一栏内容为第二，如果是的话，加入以下CSS属性的第一<td>标签尝试。

<td style="vertical-align: top;">

来源

2017-04-06 18:35:20

添加style="vertical-align:baseline"或style="vertical-align:top"在第一<td>您表：

<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>删除嵌套表如果不需要他们。

来源

2017-04-06 18:37:29 bhansa

这个伎俩！非常感谢你，感谢大家的帮助！ – Fred

请将任何答案标记为已回答。 – bhansa

当我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"。

来源

2017-04-06 18:38:41

表列内容不垂直对齐

回答

相关问题