flex布局中子元素水平垂直居中的方法

flex布局中如何让子元素水平垂直居中

思路：

1. 先让子元素在主轴上居中对齐：justify-content: center;
2. 再让子元素在侧轴上居中对齐：align-items: center;（单行） 或者 align-content: center;（多行）

注意：不要忘了给父元素添加display：flex；，这是开启 flex 布局的钥匙

举例说明：
单行子元素实现水平垂直居中：

		

			1
			2
			3
		
		

运行结果：

多行子元素实现水平垂直居中：

		

			1
			2
			3
			4
			5
			6
		
		

运行结果：