flex布局示例

几个横排元素在竖直方向上居中
display: flex;
flex-direction: row;//横向排列
align-items: center;//垂直方向上居中

在母控件的正中:相当于android中的RelativeLayout的centerInParent=true.
display: flex;
flex-direction: row;//横向排列
justify-content: center;//水平居中
align-items: center;//垂直方向上居中