HTML表格元素對齊

Question

我想弄清楚如何有兩個td標籤的表的一行留在另一行的頂部只有一個td標籤並完全對齊。我已經在最下面一行嘗試過colspan =「2」，但這不起作用。

這是我到目前爲止有：

<table cellpadding="0" cellspacing="0" border="0" width="800"><!--wrapper--> 
    <table border="1"> 
     <tr> 
      <td style="width: 50px"><img src="images/img1.jpg" /> 
      </td> 
      <td><img src="images/img2.jpg" /> 
      </td> 
      </tr> 
      <tr colspan="2"> 
      <td><img src="images/img3.jpg" /> 
      </td> 
      </tr> 
     </table> 
    </table> 

Answer 1

變化

<tr colspan="2"> 
    <td><img src="images/img3.jpg" /> 
</td> 

到

<tr> 
    <td colspan="2"><img src="images/img3.jpg" /> 
</td> 

的colspan應該在td

Answer 2

colspan屬於在<td>不是<tr>

<table cellpadding="0" cellspacing="0" border="0" width="800"> 
    <!--wrapper--> 
    <table border="1"> 
     <tr> 
      <td style="width: 50px"> 
       <img src="images/img1.jpg" /> 
      </td> 
      <td> 
       <img src="images/img2.jpg" /> 
      </td> 
     </tr> 
     <tr> 
      <td colspan="2"> 
       <img src="images/img3.jpg" /> 
      </td> 
     </tr> 
    </table> 
</table> 

jsFiddle example