如何对齐此表以使所有 <TD> 正确对齐

【问题标题】：How to align this Table to make all <TD>s correctly aligned如何对齐此表以使所有 <TD> 正确对齐
【发布时间】：2013-10-07 04:05:15
【问题描述】：

如何对齐所有表格行，即使它们有内容长度差异。 Here 是小提琴。请看看这个..它们是垂直对齐的..但我希望它们一个接一个，如下所示

One  1  Yes
Two  2
Three

【问题讨论】：

标签： html alignment html-table

【解决方案1】：

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

vertical-align: top;

【讨论】：

【解决方案2】：

做这样的事情：

<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>

设置表格单元格样式的好方法是：“填充”、“文本对齐”、“垂直对齐”、“高度”、“宽度”等等。

【讨论】：

【解决方案3】：

这可能就是你想要的

<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>

【讨论】：