如何让一个盒子在页面中水平垂直居中？

盒子已知宽高。

利用定位:

设置盒子父盒子Position: relative;盒子自己设置Position absolute;left:0; right:0; top:0; bottom : 0; margin auto。

盒子不知道宽高的情况下;

利用 transform

设置负极盒子。Position:Relative;盒子自己设置absolute。Light50%. top50%. transform: translat负的50%,负50%。

利用flex布局

复合子开启display Flex

Justify-content:center;

aligin- item :center;