如何使用Flex布局让div元素实现水平垂直居中？
最编程
2024-08-08 19:12:18
...
大家好，又见面了，我是你们的朋友全栈君。
代码如下：
<div class="outerContainer">
<div class="innerContent"></div>
</div>.outerContainer{
width:100%;
height:100%;
background:#eee;
display:flex;
justify-content: center;
align-items: center;
}
.innerContent{
width:300px;
height:300px;
background: #fff;
border:1px solid #ccc;
}效果图：
在这里插入图片描述
上一篇： 如何在div中让图片水平垂直居中？