上一页下一页

在“标准”视图中设置相对宽度的表格

基于百分比的表格会根据浏览器窗口宽度的变化而伸展或收缩。(例如,如果您指定表格使用 75% 的宽度,则不管浏览器窗口有多大,表格都会伸展以填充 75% 的水平间距。这在某些情况下会很有用,例如,在调整窗口大小时确保导航菜单总能显示。

如果您想设置表格的大小而不管用户如何调整浏览器窗口的大小,可以使用基于像素的表格。如果您想让表格根据浏览器窗口的大小而伸缩,最好使用基于百分比的表格。

若要查看基于百分比的表格和基于像素的表格的不同之处,您可以在页面中分别添加这两种表格,然后在浏览器中查看。

  1. 在 Dreamweaver 中,选择“文件”>“新建”。
  2. 在“新建文档”对话框中,已经选定了“基本页”类别;在“基本页”列表中,双击“HTML”创建一个新的 HTML 文档。
  3. 文档在文档窗口中打开。

  4. 将该文件保存到本地站点文件夹。将其命名为 tableWidth
  5. 将插入点放置在文档中。
  6. 在插入栏的“常用”选项卡中,单击“表”按钮。
  7. 在出现的对话框中,设置下列选项:
  8. 在“行数”文本框中,键入 2

    在“列数”文本框中,键入 3

    在“宽度”文本框中,键入 90,并在“宽度”文本框右边的弹出式菜单中选择百分比

    在“边框”文本框中,输入 1 将表格和表格单元格周围的边框宽度设置为 1 个像素。

  9. 单击“确定”。
  10. 表格即出现在文档中。

  11. 单击中间列最上方的单元格并拖动到最下方的单元格以选择中间列。
  12. 在属性检查器中,使用颜色选择器将一种背景颜色应用于该列。

  上一页下一页