网页设计 百文网手机站

教你如何在Dreamweaver移动或对齐AP Div

时间:2022-11-09 18:00:36 网页设计 我要投稿

教你如何在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激活、选择和删除AP Div07-23

如何在Dreamweaver插入flash动画08-06

如何在Dreamweaver制作弹出菜单11-15

如何在Dreamweaver插入特殊字符11-15

如何在Dreamweaver改变表格的高度07-29

教你如何把Dreamweaver转到URL行为07-23

如何在Dreamweaver中为网页插入Java程序10-17

Word两端对齐和分散对齐04-15

解析C语言结构体对齐(内存对齐问题)04-11