元素的水平居中显示
1.普通的文本
text-align：center；
2.行内元素
text-align:center;
3.图片：行内替换元素
text-align:center;
4.行内块元素：inline-block
text-align:center;
5.块级元素
在自己的里面：
margin：0 auto;
实现不了居中：垂直意味着 父元素的高度必须auto
margin-top:auto;
margin-bottom:auto;
能实现居中：水平方向 父元素的宽度是auto
margin-left:auto;
margin-right:auto;