HTML元素的定位

在添加元素到页面之后，可能要重新排列和微调它们的位置。关于页面上元素的定位有几点应当了解：

• 使用键盘移动文本元素。文本元素如标题、段落和标签的定位是独立于页面上的其它元素。可以使用ENTER或BACKSPACE键移动文本元素。以这种方式移动文本元素不影响它周围的其它元素—即，如果在页面的顶部按ENTER键，页面上的所有文本元素将向下移动一行，但按钮和其它可视元素不移动。

  提示 也可以使用工具栏的“对齐”图标来移动对齐文本元素。

• 使用鼠标移动非文本元素。可以通过单击元素，选择元素周围的灰色边框，将元素移动到它新的位置，可以移动诸如按钮、图象和复选框元素。

  注意 为了移动或删除一个元素必须选择元素的边框。当选择一个元素体时，边框显示一系列的下斜线。当选择一个元素的边框时，边框显示灰色的填充。当灰色填充可见时可以移动一个元素。

• 没有运行时界面的元素一旦添加到页面就不能重新定位。某些Visual Basic控件，诸如公用对话框或系统信息控件，在运行时是看不见的。如果添加一个这种控件到页面上，不能选择它或对它重新定位。可以通过在树形视图中选择它并使用快捷方式菜单删除它的选项来删除该项目。
  
  
• HTML页面中的元素可以被分层。除了在两维空间安排页面上的元素外，还可以通过使用“顺序”工具栏选项将元素放在其他元素上方及后面，分层放置。
  
  
• 有两种定位方式：绝对的和相对的。这些方式确定了当添加元素到页面时系统如何解释该操作。理解在选择这两种方式之间产生的差别是非常重要的。

绝对和相对定位

当在设计器窗口中设计或编辑页面时，可以使用两种方式之一：绝对方式或相对方式：

• 在绝对定位方式中，所有在页面上拖动的项目被放置到释放光标的准确位置上。Visual Basic对每一个指示项目准确位置的元素书写信息到HTML。
  
  
• 在相对定位方式中，每一个拖动到屏幕上的新项目被放置到下一个可利用的光标位置。如果还没有使用光标添加任何的段落 <P> 标记到页面，放到页面上的元素被放置到下一个可利用的空格中，从左到右沿着屏幕移动，不管将元素拖放到页面的什么地方。

下面的屏幕显示了在绝对方式下，Visual Basic如何对放在绘图平面不同位置的三个按钮进行定位：

在绝对方式下的按钮定位

如果不是工作在绝对方式下，并且放置这三个按钮到屏幕中，它们将按下面屏幕显示的定位位置：

相对方式下按钮的定位

绝对方式和相对方式各有优点和缺点。绝对方式允许对页面的布局进行精细的控制，但不如相对定位灵活。使用相对定位，页面可以对具有不同查看环境的最终用户很容易地调整。例如，如果浏览器的屏幕非常小或计算机的分辨率比开发计算机低的多，最终用户只能看到绝对定位页面的一部分。在相对定位中，页面可以动态地包装它的元素并且调整适用于浏览器的屏幕空间。

要从绝对方式更改为相对方式，在工具栏中选择或取消选择“绝对位置”图标。这样对整个页面设置该方式。

注意 也可以通过使用使用“绝对位置”工具栏图标对页面上选择的项目打开“绝对定位”而不是整个页面本身。选择这个按钮既影响被选定的元素也影响页面上此后创建的元素，除非对它取消选择。对页面上已经存在的元素不产生影响。

元素的分层

可以使用z-order属性将每个元素分层相互放在顶部或后面。Z顺序给元素指定一个顺序号来指示元素是如何分层的。例如，下面的屏幕显示了三个分层的按钮。

分层排列的按钮

在这个屏幕中，三个按钮已被排列使得它们重叠。按钮1在最前面，按钮2放在它的后面，按钮3放在最后。

通过选择想要向前移动或向后移动的元素并在页面工具栏上选择“顺序”图标，可以操作占有相同空间的元素分层。

DHTML应用程序中Z顺序的记录和窗体中的z顺序的不同。在一个HTML页面中，体元素或页面被认为有一个值为0的z顺序值。在体上面被分层的项目有一个正的z顺序值，在体后面被分层的项目有一个负的z顺序值。

锁定元素

意外地单击元素以及移动鼠标很容易使HTML页面上一个元素移动。可以通过锁定它来防止一个元素被移动。任何绝对定位的元素可以用工具栏上的“锁定”图标将元素锁定在其位置上。