四十四、如何使用“辅助线”实现高级排版?

  当表格边框是“1”的时候,表格不是很美观;实际上,这并不是编辑器的问题。真正的网页设计师通常是将表格边框设为“0”,再使用别的方式显示出表格边框。而且,在很多时候,表格常被网页设计师用来作为网页的排版分隔,这时候,表格的边框一般也是“0”。

  本系统特别提供了“辅助线”功能,专门用来编辑表格边框为“0”的表格。

如果编辑框内有一个边框为“0”的表格,该表格的边框是看不到的,也不能选中表格边框进行表格属性编辑。怎么办呢?

首先将光标停留在编辑框内的任何位置。按一下工具条中的“”图标,这时,边框为“0”的表格以虚线的方式展现在你的面前,如下图:

现在看到了表格边框(虚线),就可以对表格进行编辑了。如果需要隐藏这些虚线,再按一下“”图标就可以了。

例:使用“辅助线”的功能,来进行一次排版工作

我们打算将网页内容分成上下两大部分,下面部分分成三列:

1、首先插入一个2行1列的表格,表格宽度是100%,边框宽度为0。
按一下工具条中的“”图标。将弹出窗口中的内容改成这样(如下图):

2、按“确定”插入表格后,由于边框是“0”,因此在编辑框内看不到表格
3、按一下“”,可以看到刚才插入的表格(虚线边框)
4、点中编辑框内的表格,将表格的高度拉到你希望的高度。
5、将光标停留在下方的单元格中,再插入一个1行3列的表格。
6、按2次“”,使新插入的表格边框也能被显示出来
7、调整表格和单元格的高度,以达到你的要求。
8、看看,编辑框中是否出现了这样的虚线框架(如下图):

9、这样,就可以在各单元格中插入各种内容了。“辅助线”只会在编辑框中出现,在浏览器中是看不到的,这样,你就可以做出非常美观的图文混合排版了。

注意事项:在辅助线方式下,新插入的表格或单元格,其边框不会显示。因此需要按2次 “”图标,才能显示全部的虚线边框。当从外面复制一个网页到编辑框的时候,这些网页中往往已经带有边框为0的表格,这时候,使用“辅助线”功能,可以更清楚地看到网页的排版结构,以便修改其中的内容。

返回