表列內容不垂直對齊

我遇到的問題與一列不垂直下一列調心的內容。我正在使用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

表列內容不垂直對齊

回答

相關問題