任务目标

1. 能够使用Flex弹性布局技术实现各种页面布局

2. 能够使用视图容器组件View进行简单布局

任务效果展示

课前准备

1. 通过线上教学平台预习视图容器和弹性布局的相关知识

2.通过查找资料对比 浮动布局和框架布局

任务实现

一、知识点解读

二、任务实现代码

三、任务实现视频

1.视图容器组件-1

2.视图容器组件-2

3.视图容器组件-3

任务思考

当元素的height和line-height的值相等时，元素中的内容是否能居中对齐？