在下表中,当动态构建表时,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>
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] 删除。
我来说两句