如何对齐此表以使所有s正确对齐

时间:2012-01-17 16:02:53

标签: html alignment html-table

如果所有表格行的内容长度不同,我怎样才能正确对齐所有表格行。 Here是小提琴。请看看这个..他们正在垂直对齐..但我想要一个接一个地像下面那样

One  1  Yes
Two  2
Three

3 个答案:

答案 0 :(得分:2)

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

vertical-align: top;

答案 1 :(得分: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>

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

答案 2 :(得分:0)

这可能是你寻求的目标

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