8-5 弹性盒式布局3(对齐方式)

本节是flex布局的对齐方式，效果显而易见，代码在标题中有，不再赘述！

flex布局对齐justify-content: flex-start;

flex布局对齐justify-content: flex-end;

flex布局对齐justify-content: center;

flex布局对齐justify-content: space-between;

flex布局对齐justify-content: space-around;

flex布局对齐align-items: flex-start;

flex布局对齐align-items: flex-end;

flex布局对齐align-items: center;

flex布局对齐align-items: baseline;

flex布局对齐align-items: stretch;

给第2个div单独设置align-self: flex-end;使底对齐