页面布局中的rowspan和colspan的问题

Question

colspan和rowspan怎么用好呢？用<td>下嵌套<table>效果不好，用colspan和rowspan又对不起，请问怎么解决啊？

Answer 1

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了

Answer 2

如果新手实在弄不懂如何使用 colspan 和 rowspan，建议使用开发工具的视图模式，选取相关单元格使用鼠标右键等进行“单元格合并”等。通过系统操作的表格，是“对得起(对得齐)“的:)。当然，最重要的是通过这样的方式，查看系统操作的结果，并学习如何进行”手动编表“，而不完全依赖于工具。