方法一

使用绝对定位＋平移。

首先使用绝对定位，使得容器的左上角位于父容器的中心，此时视觉上看，容器有些许偏离；再利用平移，将容器向左、向上平移自身宽度和高度的50%，此时容器便位于其父容器的正中心。

 position: absolute;
 top:50%;
 left:50%;
 transform: translate(-50%,-50%);