若已知父元素的宽高,设置相对定位
子元素若高度300px,设置绝对定位,top:50% margin-top:-150px(子元素高度的一半);
<div class="a"> <div class="b"> 元素居中 </div> </div>
.a{ width:800px; height:600px; position:relative; background:black; } .b{ width: 500px; height: 300px; margin-top:-150px; position: absolute; top: 50%; background-color: white; float:left; }
时间: 2024-10-06 23:57:21