flex弹性布局

flex布局

父元素:display:block;

垂直方向属性 align-items:center;

align-items:flex-start;

align-items:flex-end

align-items:flex-baseline;

align-items:stretch;

水平方向属性 justify-content:center|flex-start|flex-end

justify-content:space-between|space-around;剩余的space会平均分开

子元素:flex:1 占据的份额