如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素：如下面的html代码中，div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 )
什么是被设置元素为文本 图片等行内元素
就是说如果你要把文本或者图片设置成水平居中的话，就要在它的 父元素的 CSS里添加 text-align:center;
比如<div class="contain">
<p>这是子类的文本<p>
</div>
<div>包含了<p>,是<p>的父元素，
你要是想把<p>中的文本“这是子元素的文本”设置成水平居中，就要在父元素的css里加 text-align:center；
如 .contain {
text-align:center
}