表列内容未垂直对齐

时间:2017-04-06 18:24:33

标签: html html-table vertical-alignment tablelayout

我遇到一个列的内容没有与下一列垂直对齐的问题。我正在使用HTML。除了我复制的几件事之外,我对CSS并不熟悉。第一列有3个图像,第二列有一个表,里面有多个图像。第一列的3个图像在下一列内容的中间对齐。我不能让第一列图像像其他图像一样在顶部对齐。该页面是:http://www.fredstrainshop.com/ho.html。 代码可能太长了,无法在此发布,但如果您愿意,我可以。谢谢!

3 个答案:

答案 0 :(得分:1)

如果我找到你,你试图将第一列内容作为第二列,如果是,请尝试将以下CSS属性添加到第一个<td style="vertical-align: top;"> 标记。

while IFS='=' read -r

答案 1 :(得分:0)

在您的桌子的第一个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>删除嵌套表来保持表结构简单。

答案 2 :(得分:0)

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