基本布局

传统盒子布局

display:block //每个元素独占一行，自上而下放置
text-align:center //元素在在水平位置上居中放置

弹性盒子布局

display:flex
flex-direction:column //元素在在水平位置上居中放置
justify-content:space-around //自上而下均匀分布
align-items:center //元素在在水平位置上居中放置