flex布局父元素详情

Posted 2020-10-09 Grewer

之前布局一直用的是 position,float之类的,趁着国庆学习一下 flex 布局

父元素:

flex-direction: row row-reverse column column-reverse

1

2

3

flex-wrap: nowrap wrap wrap-reverse

1

2

3

4

5

6

7

8

9

10

11

12

13

flex-flow:
格式:flex-direction|| flex-wrap;
如: flex-flow: row wrap;

justify-content: flex-start flex-end center space-between space-around

1

2

3

align-items: flex-start flex-end center baseline stretch

1

2

3

align-content: flex-start flex-end center space-between space-around stretch

1

2

3

4

5

6

7

8

9

10

11

12

13