1:垂直居中
父元素中设置
display: flex;
align-items: center;
justify-content: center;
2: 靠左垂直居中对齐
父元素设置
display: flex;
align-items: center;
3: 水平居中
子元素设置如下,将在父元素中居中对齐
margin:0 auto;
1:垂直居中
父元素中设置
display: flex;
align-items: center;
justify-content: center;
2: 靠左垂直居中对齐
父元素设置
display: flex;
align-items: center;
3: 水平居中
子元素设置如下,将在父元素中居中对齐
margin:0 auto;