定位網頁上的項目

您可以設計使用 div、CSS、表格或框架等架構網頁的網頁版面配置,在網頁上定位項目。您也可以為項目或包含一或多個項目的元素設定 CSS 型內容,以在網頁上置放一或多個項目。

除了本主題中所提供的步驟,您也可以使用 [位置] 工具列或 [CSS 屬性] 工作窗格,設定 CSS 屬性。[快速標籤選取器]列亦可讓您快速設定標籤的定位樣式。如需 [位置] 工具列的詳細資訊,請參閱置放工具列。如需 [CSS 屬性] 工作窗格的詳細資訊,請參閱 CSS 屬性工作窗格。如需 [快速標籤選取器] 的詳細資訊,請參閱快速標籤選取器

使用 [位置] 對話方塊修改項目位置

  1. 在 [設計] 檢視或 [程式碼] 檢視中,將游標置於要置放的內容中,或選取該內容。

  2. 若要開啟 [位置] 對話方塊,執行下列其中一項動作:

    • 在網頁中選取要修改的元素,然後按一下 [格式] 功能表中的 [位置]。

    • 在 [圖層] 工作窗格中,以滑鼠右鍵按一下該圖層,然後選取 [位置]。

  3. 若要指定網頁元素圍繞項目的方式,請在 [位置] 對話方塊中,選取 [文繞圖樣式] 下的樣式。

  4. 若要指定項目的定位樣式,請選取 [定位樣式] 下的選項。

  5. 若要指定圖層的相對位置座標,請在 [位置和大小] 下的 [左]、[右]、[上] 及 [下] 方塊中輸入值。

  6. 若要設定項目在 Z 軸的順序,請在 [Z 軸順序] 方塊中指定值。

  7. 按一下 [確定]。

僅修改項目的定位樣式

  1. 在 [設計] 檢視或 [程式碼] 檢視中,將游標置於要置放的內容中,或選取該內容。

  2. 在文件視窗頂端的 [快速標籤選取器] 列上,指向要置放的標籤並按一下標籤旁的向下箭號,然後指向 [位置],然後按一下定位樣式。

請參閱

概念

快速標籤選取器

定位圖層

置放工具列

CSS 屬性工作窗格