方法一
使用绝对定位+平移。
首先使用绝对定位,使得容器的左上角位于父容器的中心,此时视觉上看,容器有些许偏离;再利用平移,将容器向左、向上平移自身宽度和高度的50%,此时容器便位于其父容器的正中心。
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
使用绝对定位+平移。
首先使用绝对定位,使得容器的左上角位于父容器的中心,此时视觉上看,容器有些许偏离;再利用平移,将容器向左、向上平移自身宽度和高度的50%,此时容器便位于其父容器的正中心。
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);