• 掌握页面布局
    • 坐标系和布局
    • 绝对尺寸布局 Demo
    • 相对尺寸布局 Demo
    • 水平垂直居中 Demo
    • 使用选项卡容器 Demo
    • 使用手风琴容器 Demo

    掌握页面布局

    坐标系和布局

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

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

    绝对尺寸布局 Demo

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

    相对尺寸布局 Demo

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

    水平垂直居中 Demo

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

    使用选项卡容器 Demo

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

    使用手风琴容器 Demo

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

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