Heim > Fragen und Antworten > Hauptteil
P粉6595182942023-09-06 11:48:07
你可以通过以下方式将其水平居中:
.box { position: absolute; top:10px; left:50%; background:white; padding:10px; border-radius:10px; transform: translateX(-50%); }
P粉7522900332023-09-06 09:49:47
您可以使用display: flex;
属性将组件居中对齐。
body { flex: 1; background:blue; display: flex; justify-content: center; } .box { position: absolute; top:10px; background:white; padding:10px; border-radius:10px; }
<div class="box"> 这是一个很长的div,所以需要左边=30% </div>