flex布局脑图

179 阅读1分钟

flex布局出现有几年了,在项目中一直未使用过。这次刚好有空熟悉了下flex布局的相关属性和概念,并对此梳理出了个布局脑图供以后可以查看。

flex布局脑图

flex布局的概念主要围绕容器和轴展开的。其中容器包括父子容器。 flex布局的常用属性有4个,其中容器的justify-content和align-items属性,以及子容器(项目)的align-self和flex属性。 废话不多说了,大家可以查询API。下面直接上脑图。

缩略图

flex布局深入脑图

下载链接

flex布局脑图 密码:yzej