1、弹性盒子
.box{ display: flex; justify-content: center; align-items: center; }
2、定位
(1) 定位+margin负值———top left设置50%,margin top left设置成子盒子的一半
(2) 定位 + transform负值———top left50%,transform: translate(-50%, -50%);
.box{ position: relative; } .box .sub{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*margin-left: 负的宽度的一半*/ /*margin-top: 负的高度的一半*/ }