閱讀本文以瞭解如何使用「對齊」面板將兩個以上的頁面元素對齊。

註解:

Adobe Muse 不再增加新功能,並將於 2020 年 3 月 26 日停止支援。如需詳細資訊和協助,請參閱 Adobe Muse 終止服務頁面

在 Adobe Muse 網頁中對齊物件

當您想要將兩個以上的頁面元素彼此對齊或在內容區域中對齊時,「對齊」面板會很有幫助。  使用自適應網頁設計,您可以選擇依據正在設計網站的裝置來對齊頁面元素。

若要檢視「對齊」面板,請選擇「視窗 > 對齊」,或按一下「對齊」索引標籤,使其在「面板」集中處於作用中狀態。當「對齊」面板開啟時,核取標記會顯示在「視窗」選單中的「對齊」選項旁邊。

在此範例中,您要將「Share」(分享) 按鈕與其下方的滴水影像對齊。請依照下列步驟操作:

  1. 使用「選取」工具來選取「Share」(分享) 按鈕。按住 Shift 鍵以同時選取您之前置入於棕色長條下方的滴水影像。

  2. 在兩個物件都選取的狀態下,請查看「對齊」面板中的選項。

    alignpanel
    使用「對齊」面板中的設定來將一或多個物件置於頁面上。

    使用「對齊」面板頂端的選單來選擇將要對齊的元素:

    對齊選取的物件:對齊所選元素本身

    對齊內容區域:相對於周圍內容區域對齊所選元素

    對齊物件」區段提供六種設定:

    • 對齊左側邊緣
    • 對齊水平置中
    • 對齊右側邊緣
    • 對齊頂端邊緣
    • 對齊垂直置中
    • 對齊底部邊緣

    均分物件」區段也有六種設定:

    • 均分左側邊緣
    • 均分水平置中
    • 均分右側邊緣
    • 均分頂端邊緣
    • 均分垂直置中
    • 均分底部邊緣

    以此範例而言,目標是垂直對齊「Share」(分享) 按鈕與滴水,使兩者置中於其水平中點上。

  3. 在頂端選單設定為「對齊選取的物件」的情況下,按一下「對齊水平置中」按鈕。請注意重新放置元素的方式,使其在頁面上垂直堆疊,依其水平中點對齊。

    註解:

    另一個以中央對齊物件的方式是按一下並拖移其中一個元素。當它與另一個物件對齊時,會暫時顯示一條藍色的直線來表示它們已對齊。

    fig_48_getting
    拖移元素時,一條藍色的直線會在物件與頁面上的另一個物件對齊時顯示。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策