- 相關推薦
教你如何在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。
教你如何在Dreamweaver移動或對齊AP Div2
一、調整一個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】相關文章:
如何在Dreamweaver插入特殊字符05-02
Word兩端對齊和分散對齊08-29
解析C語言結構體對齊(內存對齊問題)10-14
關于Dreamweaver07-14
無線AP的作用05-10
Dreamweaver的應用分析10-16
Dreamweaver使用教程09-20
Dreamweaver技巧詳解09-01