flex笔记

flex笔记

1.flex布局基础概念

	q. 什么是flex
		flex布局弹性布局,也叫做弹性盒子布局

		理解: 一个盒子放气球
	
		出现时间: 2012左右
	
	
	q. 什么是容器container,什么是项目item
		一个大div放三个小div, 大div是容器,小div是项目
		
	q. 什么是主轴,什么是交叉轴?
		主轴默认从左到右
		交叉轴默认从上到下
		
	q. 什么是主轴大小,什么是交叉轴大小
		主轴大小就是一个项目在主轴上的大小
		交叉轴同理

2.flex容器的属性

	q. 属性有哪些?
		flex-direction 主轴方向
		flex-wrap 是否换行
		flex-flow 上面两个组合
		justify-content  决定主轴上对齐方向
		align-items 决定交叉轴对齐方向
		align-content 决定在主轴线上对齐方式

3.flex项目属性

	q. 有哪些属性?
		align-self 每个项目在交叉轴上对齐方式
		order 		每个项目的序号,控制位置
		flex-grow   每个项目的增长系数
		flex-shrink 每个项目缩小系数
		flex-basis  每个项目给flex中大小
		flex: 组合值
			flex-grow,	flex-shrink,flex-basis