如何對齊此表以使所有<TD>正確對齊

Question

如何將所有表格行對齊，即使它們具有內容長度差異也能正確對齊。 Here是小提琴。請看看這個..他們來了垂直排列的。但我想他們一個又一個像下面

One 1 Yes 
Two 2 
Three 

Answer 1

做這樣的事情：

<table> 
    <tr> 
     <td width="50px"> 
      One 
     </td> 
     <td> 
      1 
     </td> 
     <td> 
      Yes 
     </td> 
    </tr> 
    <tr> 
     <td width="50px"> 
      Two 
     </td> 
     <td colspan="2"> 
      2 
     </td> 
    </tr> 
    <tr> 
     <td colspan="3"> 
      Three 
     </td> 
    </tr> 
</table> 

好辦法樣式表細胞是：「填充」，「文本對齊」，垂直對齊」，‘高度’，‘寬度’，等等上..

Answer 2

這可能是你所追求的

<table> 
    <tr> 
    <td> 
    One 
    </td> 
    <td> 
    1 
    </td> 
    <td> 
    Yes 
    </td> 
    </tr> 
    <tr> 
    <td> 
    Two 
    </td> 
    <td colspan='2'> 
    2 
    </td> 
    </tr> 
    <tr> 
    <td colspan='3'> 
    Three 
    </td> 
    </tr> 
    <table> 

Answer 3

http://jsfiddle.net/cKj98/1/

vertical-align: top; 

？