1.水平垂直居中
代码如下:这种方式的好处就是不需要知道父容器与本身的大小,自适应居中
<span style="font-size:18px;"><div style="width: 200px;height: 200px;background-color: #fff;position: relative;">
<div style="width: 100px;height: 100px;background-color: #999;margin: auto;position: absolute;top: 0;bottom: 0;right: 0;left: 0;"></div>
</div></span>
(还有其它方式可以实现,微调即可,这里只提供常用的)