这个屌丝很懒，什么也没留下！

弹性布局水平垂直居中_弹性布局垂直居中

作者：Cpp五条 | 2024-03-23 13:26:42

知识点
justify-content: center//子项在flex容器水平居中
align-items: center//子项在flex容器垂直居中

<div class="main">
   <div class="maincon">
   </div>
</div>
1
2
3
4

.main{
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.maincon{
    width:400px; 
    height:200px; 
    background: #314057;
}
1
2
3
4
5
6
7
8
9
10
11
12

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Cpp五条/article/detail/295442