掌握页面布局

坐标系和布局

双击流程图中的【帧】可以对该帧下所有直属窗口进行布局;右键选中窗口,点击菜单【布局】可以单独为本窗口布局。布局的坐标原点位于整个页面区域的左上角。

[必修]掌握页面布局(7分钟)  - 图1

绝对尺寸布局 Demo

[必修]掌握页面布局(7分钟)  - 图2

相对尺寸布局 Demo

【注意】使用CSS计算尺寸标准写法,如:calc(100% - 24px) ,符号中间需要有空格[必修]掌握页面布局(7分钟)  - 图3

水平垂直居中 Demo

[必修]掌握页面布局(7分钟)  - 图4

使用选项卡容器 Demo

[必修]掌握页面布局(7分钟)  - 图5

使用手风琴容器 Demo

[必修]掌握页面布局(7分钟)  - 图6

【说明】如果本窗口位于容器内,那么其跳转的目标窗口也会位于容器内部。