DreamweaverCS6中文版实例教程：合并、拆分单元格

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

下面演示这些操作的具体步骤。

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

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

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

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

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

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

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

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

图7-23 插入表格

图7-24 合并单元格

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

单击属性面板中的按钮，拆分单元格。

执行“修改”/“表格”/“拆分单元格”命令，拆分单元格。(www.xing528.com)

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

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

图7-25 合并单元格（2）

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

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

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

图7-27 拆分单元格

图7-28 增加行宽的效果

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

图7-29 增加列宽效果