Vue中 css UI布局

//使用动态展示
display: flex;

//Y轴居中
align-items: center;

//X轴居中
justify-content: center;

//文本颜色
color: #ffffff;

//相对定位
position: relative;

// 换行
flex-direction: column;
Flex-direction调整主轴方向 。 column 竖直展示