苗景云的博客

 一般情况下, 如果我们要使一个div在父元素中水平居中显示, 我们会给它设置一个宽度, 然后设置margin: 0 auto; 这个属性只有在div的display为block或者默认情况下才会有效果.

但是在某些必需的情况下, 我们给div设置了display为inline-block的情况下, 发现使用margin来让其居中这个方法行不通. 那么此时解决的方法就是: 给该元素的父元素添加样式  text-align: center, 这样的话该元素就可以实现水平居中了.