CSS 布局样式

最简单的布局

//左右布局
.left-right {
width: 100%;
height: 100%;
display: flex;
}

//上下布局
.up-down {
flex-direction: column;
display: flex;
width: 100%;
height: 100%;
}

//居中（左右、垂直）布局
.div-center {
align-items: center;
display: flex;
justify-content: center;
}

三个简单的class 完成基本的网页布局。因为没有封装成组件，所以所有的宽高占比都要自己来写。