方式二

利用子绝父相和css3的transform属性实现

首先把内部盒子的位置设置为顶部和左侧距离大盒子顶部和左侧都是大盒子高度和宽度的50%；然后再把小盒子的顶部和左侧的位置都回退内部小盒子高度和宽度的50%；这样就刚好实现小盒子上下左右都居中在大盒子内部

图示：第一步

第二步：

方式三

利用flex布局实现（弹性盒子）

方式四

利用grid布局实现（网格布局）

方式五

利用display: flex和margin: auto实现

方式六

待更新…