- 掌握页面布局
- 坐标系和布局
- 绝对尺寸布局 Demo
- 相对尺寸布局 Demo
- 水平垂直居中 Demo
- 使用选项卡容器 Demo
- 使用手风琴容器 Demo
掌握页面布局
坐标系和布局
双击流程图中的【帧】可以对该帧下所有直属窗口进行布局;右键选中窗口,点击菜单【布局】可以单独为本窗口布局。布局的坐标原点位于整个页面区域的左上角。
绝对尺寸布局 Demo
相对尺寸布局 Demo
【注意】使用CSS计算尺寸标准写法,如:calc(100% - 24px) ,符号中间需要有空格
水平垂直居中 Demo
使用选项卡容器 Demo
使用手风琴容器 Demo
【说明】如果本窗口位于容器内,那么其跳转的目标窗口也会位于容器内部。