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 占據的份額