在网页上定位项

可以在设计网页时使用 div、CSS、表格或框架来设置网页结构,从而在网页上定位项。也可以为一项或包含多个项的元素设置基于 CSS 的属性,在网页上定位一个或多个项。

除了本主题中介绍的步骤,还可以使用“定位”工具栏或“ CSS 属性”任务栏设置这些基于 CSS 的属性。也可以使用“快速标记选择器”栏快速设置标记的定位样式。有关“定位”工具栏的详细信息,请参阅“定位”工具栏。有关“CSS 属性”的详细信息,请参阅 “CSS 属性”任务窗格。有关“快速标记选择器”的详细信息,请参阅快速标记选择器

使用“定位”对话框修改项的定位

  1. 在“设计”视图或“代码”视图中,将光标移到要定位的内容中,或者选择该内容。

  2. 若要打开“定位”对话框,请执行下列操作之一:

    • 在网页中,选中要修改的元素,然后在“格式”菜单上,单击“定位”。

    • 在“”任务窗格中,右键单击层,再选择“定位”。

  3. 若要指定网页元素环绕项的方式,请在“定位”对话框的“环绕样式”之下,选择一种样式。

  4. 若要指定项的定位样式,请在“定位样式”之下,选择一个选项。

  5. 若要指定层的相对位置坐标,请在“位置与大小”之下,分别在“左边”、“右边”、“顶端”和“底端”框中输入值。

  6. 若要设置项在 Z 轴上的顺序,请在“Z-顺序”框中指定值。

  7. 单击“确定”。

仅修改项的定位样式

  1. 在“设计”视图或“代码”视图中,将光标移到要定位的内容中,或者选择该内容。

  2. 在文档窗口顶部的“快速标记选择器”栏中,指向要定位的标记,单击标记旁边的下箭头,指向“定位”,再单击一种定位样式。

另请参见

概念

快速标记选择器

定位层

“定位”工具栏

“CSS 属性”任务窗格