101先生

flex 布局笔记

flex布局就是几个属性的简单应用

A, 首先确定包裹元素,根据需要选择下面的属性,选择合适的。

1, display : flex;

2,  flex-wrap : nowrap | wrap

3, flex-direction: row

4, justify-content

5, align-items

6, align-content

 

A, 如果上面无法达到要求,通过设置内部的item来实现

1.order

2.flex

3,align-self

 

 

 

 

posted on 2016-08-17 20:10  邹小邹168  阅读(163)  评论(0编辑  收藏  举报

导航