- 相關(guān)推薦
教你如何在Dreamweaver移動(dòng)或?qū)RAP Div
最近不少朋友表示還不會(huì)Dreamweaver調(diào)整AP Div大小的操作步驟,以下是小編精心整理的教你如何在Dreamweaver移動(dòng)或?qū)RAP Div,僅供參考,希望能夠幫助到大家。
教你如何在Dreamweaver移動(dòng)或?qū)RAP Div1
一、在Dreamweaver CS5中移動(dòng)AP Div
在文檔的“設(shè)計(jì)”視圖中,可以移動(dòng)一個(gè)AP Div,也可以同時(shí)移動(dòng)兩個(gè)或者多個(gè)AP Div。
1. 選擇一個(gè)或者多個(gè)AP元素。
2. 執(zhí)行下面的操作方法:
拖動(dòng):使用鼠標(biāo)將選定的AP Div拖到想放置的位置。如果同時(shí)選擇了多個(gè)AP Div,拖動(dòng)最后選定的AP Div的選擇手柄(以實(shí)心顯示的方塊)。
每次移動(dòng)一個(gè)像素:按住箭頭鍵移動(dòng)。
按照網(wǎng)格靠齊增量來移動(dòng):按住Ctrl+Shift鍵,然后按箭頭鍵。
如果在“AP 元素”面板中,選擇了“防止重疊”選項(xiàng),那么在移動(dòng)AP元素時(shí)將不能使該AP元素與另一個(gè)AP元素重疊。
二、在Dreamweaver CS5中對齊AP Div
1. 在文檔的“設(shè)計(jì)”視圖中,選擇要對齊的兩個(gè)或者多個(gè)AP元素。
2. 點(diǎn)擊“修改”菜單,選擇“排列順序”命令,在彈出的子菜單中選擇對齊選項(xiàng)(左對齊、右對齊、上對齊或?qū)R下緣)。
例如,如果選擇“對齊下緣”,所有選定的'的AP元素都會(huì)移動(dòng),使它們的下邊框與最后一個(gè)被選定的AP元素(黑色高亮顯示)的下邊框處于同一水平位置。如下圖所示:
提示:在對齊AP Div時(shí),沒有選擇的子AP Div會(huì)隨著它們的父AP Div被選定和移動(dòng)而移動(dòng),要防止出現(xiàn)這種情況,請不要使用嵌套AP Div。
教你如何在Dreamweaver移動(dòng)或?qū)RAP Div2
一、調(diào)整一個(gè)AP Div的大小
在文檔的“設(shè)計(jì)”視圖中,選擇一個(gè)AP元素。請閱讀選擇AP Div。
執(zhí)行以下操作之一來調(diào)整一個(gè)AP Div的大小:
鼠標(biāo)拖動(dòng),調(diào)整大小:選擇AP Div的任一調(diào)整大小手柄,點(diǎn)擊它并拖動(dòng)。
每次調(diào)整一個(gè)像素:按住Ctrl鍵,然后按箭頭鍵。箭頭鍵只能移動(dòng)AP元素的右邊框和下邊框。
按照網(wǎng)格靠齊增量進(jìn)行調(diào)整大小:按住Ctrl+Shift鍵,然后按箭頭鍵。箭頭鍵只能移動(dòng)AP元素的右邊框和下邊框。
使用屬性面板調(diào)整大小:在屬性面板中輸入寬度和高度的值。
二、調(diào)整多個(gè)AP Div的大小
在文檔的“設(shè)計(jì)”視圖中,選擇兩個(gè)或多個(gè)AP元素。
點(diǎn)擊“修改”菜單,選擇“排列順序”命令,在彈出的子菜單中選擇“設(shè)成寬度相同”項(xiàng)或“設(shè)成高度相同”項(xiàng)。前面選定的AP元素將與最后一次選定的AP元素的寬度或高度保持一致。
在屬性面板中輸入寬度和高度值,如下圖所示:
在“多個(gè)CSS-P元素”的右邊分別輸入寬度的值(如:150px)和高度的'值(如:300px)。
注意,要帶上像素單位:px。
三、提示
調(diào)整AP元素的大小會(huì)修改AP Div的寬度和高度,但是不會(huì)定義AP元素的可見區(qū)域。可在“首選參數(shù)”對話框中定義AP Div內(nèi)的可見區(qū)域。
若在“AP 元素”面板中選擇了“防止重疊”復(fù)選框,那么在調(diào)整某一個(gè)AP Div的大小時(shí)將不能使它與另一個(gè)AP Div重疊。
【教你如何在Dreamweaver移動(dòng)或?qū)RAP Div】相關(guān)文章:
如何在Dreamweaver插入特殊字符05-02
教你如何把Dreamweaver轉(zhuǎn)到URL行為06-19
Word兩端對齊和分散對齊08-29
解析C語言結(jié)構(gòu)體對齊(內(nèi)存對齊問題)10-14
關(guān)于Dreamweaver07-14
無線AP的作用05-10
Dreamweaver使用教程09-20
Dreamweaver技巧詳解09-01