一个菜鸡前端初学者的笔记，HTML&css（2）

横轴排列方式 justify-content :

justify-content : flex-start | flex-end | center | space-between | space-around;
起点对齐；右对齐；居中；两端对齐；间隔相等

交叉轴的起点对齐

justify-content:flex-start;

div{
	background:green;
	display:flex;
	justify-content:flex-start;
}

纵轴排列方式align-items :

align-items : flex-start | flex-end | center | baseline | stretch（默认值）;
左对齐；终点对齐；中点对齐；第一行文字基线对齐；未设置高度或为auto时将占满整个高度

默认值，左对齐

align-items:flex-start;

div{
	background:green;
	display:flex;
	align-items:flex-start;
}