教你如何在Dreamweaver移動或對齊AP Div

　　最近不少朋友表示還不會Dreamweaver調整AP Div大小的操作步驟，以下是小編精心整理的教你如何在Dreamweaver移動或對齊AP Div，僅供參考，希望能夠幫助到大家。

　　教你如何在Dreamweaver移動或對齊AP Div1

　　一、在Dreamweaver CS5中移動AP Div

　　在文檔的“設計”視圖中，可以移動一個AP Div，也可以同時移動兩個或者多個AP Div。

　　1. 選擇一個或者多個AP元素。

　　2. 執行下面的操作方法：

　　拖動：使用鼠標將選定的AP Div拖到想放置的'位置。如果同時選擇了多個AP Div，拖動最后選定的AP Div的選擇手柄(以實心顯示的方塊)。

　　每次移動一個像素：按住箭頭鍵移動。

　　按照網格靠齊增量來移動：按住Ctrl+Shift鍵，然后按箭頭鍵。

　　如果在“AP 元素”面板中，選擇了“防止重疊”選項，那么在移動AP元素時將不能使該AP元素與另一個AP元素重疊。

　　二、在Dreamweaver CS5中對齊AP Div

　　1. 在文檔的“設計”視圖中，選擇要對齊的兩個或者多個AP元素。

　　2. 點擊“修改”菜單，選擇“排列順序”命令，在彈出的子菜單中選擇對齊選項(左對齊、右對齊、上對齊或對齊下緣)。

　　例如，如果選擇“對齊下緣”，所有選定的的AP元素都會移動，使它們的下邊框與最后一個被選定的AP元素(黑色高亮顯示)的下邊框處于同一水平位置。如下圖所示：

　　提示：在對齊AP Div時，沒有選擇的子AP Div會隨著它們的父AP Div被選定和移動而移動，要防止出現這種情況，請不要使用嵌套AP Div。

　　一、調整一個AP Div的大小

　　在文檔的“設計”視圖中，選擇一個AP元素。請閱讀選擇AP Div。

　　執行以下操作之一來調整一個AP Div的大小：

　　鼠標拖動，調整大小：選擇AP Div的任一調整大小手柄，點擊它并拖動。

　　每次調整一個像素：按住Ctrl鍵，然后按箭頭鍵。箭頭鍵只能移動AP元素的右邊框和下邊框。

　　按照網格靠齊增量進行調整大小：按住Ctrl+Shift鍵，然后按箭頭鍵。箭頭鍵只能移動AP元素的右邊框和下邊框。

　　使用屬性面板調整大小：在屬性面板中輸入寬度和高度的值。

　　二、調整多個AP Div的大小

　　在文檔的“設計”視圖中，選擇兩個或多個AP元素。

　　點擊“修改”菜單，選擇“排列順序”命令，在彈出的子菜單中選擇“設成寬度相同”項或“設成高度相同”項。前面選定的AP元素將與最后一次選定的AP元素的寬度或高度保持一致。

　　在屬性面板中輸入寬度和高度值，如下圖所示：

　　在“多個CSS-P元素”的`右邊分別輸入寬度的值(如：150px)和高度的值(如：300px)。

　　注意，要帶上像素單位：px。

　　三、提示

　　調整AP元素的大小會修改AP Div的寬度和高度，但是不會定義AP元素的可見區域。可在“首選參數”對話框中定義AP Div內的可見區域。

　　若在“AP 元素”面板中選擇了“防止重疊”復選框，那么在調整某一個AP Div的大小時將不能使它與另一個AP Div重疊。

【教你如何在Dreamweaver移動或對齊AP Div】相關文章：