我如何用CSS垂直集中一个 <div> 在另一个 <div> 中?
<div id="outer">
<div id="inner">Foo foo</div>
</div>
当前回答
<center>
我被最简单的中心所知道的混乱了吗?
</center>
其他回答
#outer{
display: flex;
width: 100%;
height: 200px;
justify-content:center;
align-items:center;
}
<center>
我被最简单的中心所知道的混乱了吗?
</center>
HTML:
<div id="outer">
<div id="inner">
</div>
</div>
CSS:
#outer{
width: 500px;
background-color: #000;
height: 500px
}
#inner{
background-color: #333;
margin: 0 auto;
width: 50%;
height: 250px;
}
菲德尔
#inner {
width: 50%;
margin: 0 auto;
}
我知道我稍晚回答这个问题,我没有打扰阅读每一个答案,所以这可能是一个重复。
inner { width: 50%; background-color: Khaki; margin: 0 auto; }
