flex布局表格，有些没加

flex布局相关知识建立的表格，但是看了一遍菜鸟教程之后感觉自己做这个做的并没有多大用处，还花了不短的时间，姑且看看吧!

	属性名	属性值	备注	属性名	属性值	备注
布局方式	display	flex		display	-webkit-box
主轴	flex-direction	row	设置x轴为主轴	-webkit-box-orient	horizontal	设置x轴为主轴
		column	设置y轴为主轴		vertical	设置y轴为主轴
主轴方向	flex-direction	row-reverse	从右往左	-webkit-box-direction	normal	主轴正方向
		column-reverse	从下往上		reverse	主轴反方向
主轴对齐方式	justify-content	flex-start	位于容器开头	-webkit-box-pack	start	左对齐
		flex-end	位于容器尾端		end	右对齐
		center	居中对齐		justify	均匀分布，两边无空
		space-around	剩余空间均分给每个元素两端		center	居中对齐
		space-between	均匀分布，两边无空
		space-evenly	剩余空间，每个元素均匀分布
侧轴对齐方式	align-items	stretch	默认值，拉伸至与父元素一致，受宽高影响	-webkit-box-align	stretch	默认值，拉伸至与父元素一致，受宽高影响
		flex-start	位于容器开头		start	位于容器开头
		flex-end	位于容器结尾		end	位于容器结尾
		center	居中对齐		center	居中对齐
		baseline	位于容器基线上，即紧靠容器边界		baseline	位于容器基线上，即紧靠容器边界
	align-content(单行无效)	stretch	默认值，拉伸至与父元素一致，受宽高影响
		flex-start	位于容器开头
		flex-end	位于容器尾端
		center	居中对齐
		space-between	均匀分布，两边无空
		space-around	剩余空间均分给每个元素两端
剩余空间划分	flex-grow	正整数	子元素占据父元素的剩余空间的比例	-webkit-box-flex	正整数	子元素占据父元素的剩余空间的比例

flex也可以划分剩余空间比例,但是有所不同，这个博主写的详细，链接

如果哪里有不对的地方，还请斧正，谢谢