CSS布局

display: flex;// 横向显示
flex: 1; // 占满剩余区域
flex-direction: column;// 纵向显示
justify-content: space-between;// 两边贴边
// 固定位置,在底部

//横向居中
display: flex;
justify-content: center;

//纵向居中


position: fixed;
bottom: 0;
left: 0;

align-items: center;// 横向居中
white-space: nowrap;// 文字不换行

position: relative;// 上移10像素
top: -10px;