在表中对齐td

用户名

在下表中,当动态构建表时,Item6与Item2怎样对齐?有没有纯CSS或CSS3的方法来实现这一目标?

当前表

在此处输入图片说明

必填表

在此处输入图片说明

<table class="qe">
<tbody>
    <tr>
        <td>Item1</td>
        <td>Item2</td>
        <td>Item3</td>
    </tr>
    <tr>
        <td>Item4</td>
    </tr>
    <tr>
        <td>Item5asfasfasf</td>
        <td>Item6</td>
    </tr>
</tbody>
</table>

小提琴:http : //jsfiddle.net/jxvf9arL/1/

dfsq

colspan正确使用属性并删除的display:table;规则table tr,这会弄乱表的布局:

table{
    width:500px;
    border:1px solid #000;
    table-layout:fixed;
}
table td{
    width:33%;
    border:1px solid #777;
    background:#eaeaea;
}
<table class="qe">
    <tbody>
        <tr>
            <td>Item1</td>
            <td>Item2</td>
            <td>Item3</td>
        </tr>
        <tr>
            <td colspan="3">Item4</td>
        </tr>
        <tr>
            <td>Item5asfasfasf</td>
            <td colspan="2">Item6</td>
        </tr>
    </tbody>
</table>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章