24-lao-弹性盒子布局的转换和主轴对齐方式

24-lao-弹性盒子布局的转换和主轴对齐方式_第1张图片


		
		
		
	
	
		
设置弹性盒子的主轴方向row flex-wrap
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
设置弹性盒子的主轴方向row flex-nowrap
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
设置弹性盒子的主轴方向row flex-wrap-reverse
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

24-lao-弹性盒子布局的转换和主轴对齐方式_第2张图片

24-lao-弹性盒子布局的转换和主轴对齐方式_第3张图片24-lao-弹性盒子布局的转换和主轴对齐方式_第4张图片


		
		
		
	
	
		
设置父盒子的 子元素的排列间隙
1
2
3
4
5
设置父盒子的 子元素的排列间隙
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
设置父盒子的 子元素的排列间隙
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
设置父盒子的 子元素的排列间隙
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
设置父盒子的 子元素的排列间隙
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

 

你可能感兴趣的:(24-lao-弹性盒子布局的转换和主轴对齐方式)