CSS的居中会遇到很多种情况，不同的情况使用的方法不同。

    1、水平居中

   （1）文本、图片等行内元素的水平居中

    给父元素设置text-align：center可以实现文本、图片等行内元素的水平居中。

   （2）确定宽度的块级元素的水平居中

    确定宽度的块级元素水平居中是通过设置margin-left：auto和margin-right：auto来实现的。