colspan:表示一个单位格占几格,如
<table>
<tr><td>1</td> <td>2</td> <td>3</td>
</tr>
<tr>
<td colspan=3>4</td> //表示这个单元格占领3个位置
</table>
rowspan同colspan差不多,是行当占位,
在<td>下再嵌套table的情况那要看需求了,你可以试下div 和span的组合,然后再div中嵌套table也是不错的选择,当然,等你熟悉了,最后全部css表现就更OK了
如果新手实在弄不懂如何使用 colspan 和 rowspan,建议使用开发工具的视图模式,选取相关单元格使用鼠标右键等进行“单元格合并”等。通过系统操作的表格,是“对得起(对得齐)“的:)。当然,最重要的是通过这样的方式,查看系统操作的结果,并学习如何进行”手动编表“,而不完全依赖于工具。
建议用视图模式
用这两个的话,一定要数清数量,先从简单的开始,然后慢慢加上去,多数几次也就明白了
div+css 最近刚学的....
colspan是这个列跨度为n列的位置,说白点,就是取消了这两个列中间的横线,变成了一个列。而
rowspan是这个列跨度为n行的位置,说白点,就是取消了这两个行中间的横线,变成了一个行,自己测试效果会更好些
colspan::
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td rowspan="2">3</td>
<td>4</td>
</tr>
</table>
rowspan::
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td colspan="2">3</td>
</tr>
</table>