圖像與錶行的對齊

Question

我在我的表格中有一個單元格，現在是一行表格，它包含一個圖像。無論何時將圖像放入單元格內，該行都會自動從表格頂部移至中心。我嘗試在行中使用v align，但其他內容最終看起來很愚蠢。請幫助。另外，我通過確定圖像的大小來確保單元格比圖像更大。請幫忙。

謝謝

<table width="710" bgcolor="white" height="600" align="center" cellpadding="10"> 
    <tr> 
     <td width="100" height="150" align="center" valign="top">Home</td> 
     <td width="100" height="150" align="center">Food</td> 
     <td width="100" height="150" align="center">Hobbies</td> 
     <td width="100" height="150" align="center">Martin's Blog</td> 
     <td width="300" height="150" colspan="2" valign="top"><img src="yooo.gif" width="250"></td></tr> 
    <tr> 
     <td height="450"> </td> </tr> 

</table> 

Answer 1

有幾件事要注意。在標籤結束

<img src="yooo.gif" width="250" /> 

注意/：

應關閉<img>標籤，像這樣。

編輯 道歉，<img>標記只有在使用XHTML時才需要關閉。其中<tr>是行標記而不是<td>標記。您只將valign="top"應用於您的某個單元格。如果您希望該行中其餘的單元格對齊到頂部，則需要將valign添加到每個單元格。

小提琴這裏例如：http://jsfiddle.net/6E66m/

Answer 2

添加於2行相同數量的TD或使用合併單元格的。 valign="top"工作正常。