“选项”对话框 ->“HTML 设计器”->“CSS 定位”

更新:2007 年 11 月

“CSS 定位”页设置一些选项,这些选项决定了在使用下列任一方法创建元素时如何在“设计”视图中定位元素:

  • 从工具箱拖动元素。

  • 从另一个源(如另一页)拖动元素。

  • 粘贴以前复制到剪贴板上的元素。

访问此对话框

  1. 在 Microsoft Visual Web Developer 中,单击“工具”,然后单击“选项”。

    “选项”对话框随即打开。

  2. 在左面板中,展开“HTML 设计器”节点,并单击“CSS 定位”。

    如果已为 Web 开发配置了环境设置,则除非您选择了“显示所有设置”复选框,否则此节点的元素不可用。有关环境设置的更多信息,请参见如何:更改选择设置

说明:

在“HTML”节点(选中“显示所有设置”复选框时可见)的“文本编辑器”节点下可以找到其他 HTML 选项。

有关设置 HTML 格式的更多信息,请参见在 Visual Web Developer 的 HTML 编辑器中设置元素的格式

任务

用户界面元素

定位选项

  • 将使用工具箱、粘贴或拖放操作添加的控件定位更改为以下设置
    在“设计”视图中为拖动或粘贴到页上的元素指定默认的级联样式表 (CSS) 定位选项。定位信息是使用元素的 style 属性 (attribute) 的 position 属性 (property) 指定的。

    该设置对“源”视图没有影响。

    如果您清除该复选框,则编辑器会完全按照元素在工具箱或其他源中定义的那样,或者按照元素复制到剪贴板上的那样拖动或粘贴元素,而不会对元素的定位属性进行任何更改。如果选中该复选框,那么,当您粘贴或拖动时,编辑器会按照您选中的选项设置元素的定位属性。

    说明

    绝对定位

    编辑器将 position 属性设置为 absolute,并设置 z-index、left 和 top 样式属性。0,0 位置是基于当前元素的父元素定义的。父元素是具有定位信息的第一个容器元素。如果当前的元素没有具有定位信息的容器元素,则会基于 body 元素计算定位信息。

    相对定位

    编辑器将 position 属性设置为 relative,并设置 z-index、left 和 top 样式属性。此选项不同于“绝对定位”,因为 0,0 位置是相对于元素在页流中的位置定义的。具有相对定位并且 top 和 left 均设置为 0 的元素按正常方式出现在流中。

    静态定位

    编辑器将 position 属性设置为 static。效果是控件使用流布局呈现。如果您希望显式重写元素可能从级联样式表继承的样式设置,则将位置设置为 static 非常有用。

    无定位属性

    编辑器移除所有定位信息。效果是控件在默认情况下使用流布局呈现。控件的定位可能受到从级联样式表继承的样式设置的影响。

    有关 position 属性的作用的详细信息,请在 MSDN Library 中搜索“position attribute”(定位属性 (attribute))或“position property”(定位属性 (property))。

  • 对基于像素的位置和大小采用以下设置
    将拖动操作限定在设置了间距的不可见网格。该设置仅适用于用像素设置定位信息的元素。

    说明:

    可以拖动没有定位信息或者 position 属性设置为 static 的元素。但是,只能在文档流中拖动它们,而不能将它们拖动到页上的任意位置。

  • 水平间距
    不可见网格上水平停靠位之间的像素数。

  • 垂直间距
    不可见网格上垂直停靠位之间的像素数。

请参见

概念

在“设计”视图中定位元素