合并、折分单元格实例

在一般的情况下，表格纵横方向单元格的大小一致，而在网页设计中，表格的布局是多样的，所以必须对其中的一些单元格进行合并或拆分。在Dreamweaver中，可以合并任意数量的相邻单元格，但整个选中区域必须是矩形的；也可以将一个单元格拆分为任意数量的行或者列。

下面就通过一个简单实例来演示这些操作的具体步骤。

在文档中插入如图7-23所示的表格。

选中所要合并的单元格“合并”和“单元格”。

通过以下方法之一合并选中的单元格：

（1）单击属性面板中的按钮，合并单元格。

（2）执行“修改”/“表格”/“合并单元格”命令，合并单元格。

（3）鼠标右击选中的单元格，在弹出的上下文菜单中执行“表格”/“合并单元格”命令，合并单元格。

操作以上操作之一后，原来的两个单元格就合并为一个，如图7-24所示。

同样办法合并单元格“Dreamweaver”和“CS5”，操作的结果如图7-25所示。

图7-23 插入表格

图7-24 合并单元格

光标定位于“折分单元格”单元格，通过以下方法之一打开“拆分单元格”对话框，如图7-26所示。

单击属性面板中的按钮，拆分单元格。(www.xing528.com)

执行“修改”/“表格”/“拆分单元格”命令，拆分单元格。

鼠标右击选中的单元格，在弹出的上下文菜单中执行“表格”/“拆分单元格”命令，拆分单元格。

在对话框中选择“把单元格拆分为列”，在“列数”文本框中输入2。单击“确定”完成单元格拆分，结果如图7-27所示。

图7-27 拆分单元格

图7-26 “拆分单元格”对话框

图7-28 增加列宽的效果

此外，调整行或列的跨度也可以实现合并、拆分表格的效果。增加行或列的跨度就是将邻近的单元格的行或列合并，使选中单元格的高或宽扩展到原来的两倍；减少行或列的跨度，就是将邻近单元格的行或列进行拆分，使选中单元格的高或宽缩小到原来的一半。

光标定位于14单元格，然后选择“修改”/“表格”/“增加行宽”命令，即可将14和24单元格合并。同理，再次执行“增加行宽”命令两次，即可将表格最右列合并为一列，效果如图7-28所示。

将光标定位于“拆分单元格”单元格，然后选择“修改”/“表格”/“增加行宽”命令，即可将“拆分单元格”和其右侧相邻的单元格合并。同理，再次执行“增加列宽”命令两次，即可将表格第三行的前三个单元格合并为一行，效果如图7-29所示。

图7-29 增加行宽效果