Open xinconan opened 6 years ago
<div class="father"> <div class="son"></div> </div>
.father { width: 300px; height: 150px; background-color: #f0f3f9; position: relative; } .son { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 200px; height: 100px; background-color: #cd0000; margin: auto; }
.father{ display: flex; } .son{ marin: auto; }
固定宽高的情况
不固定宽高
flexbox + margin