CSS居中

居中

行内元素

元素父元素：

//水平
text-align: center
//垂直
line-height: 元素的width

块级元素

元素本身：

//水平
margin: 0 auto
//垂直

行内块元素

当图片/表单与文字对齐时，使用vertical-align控制他们的垂直关系
因为默认行内块元素与文字基线（baseline）对齐，
对行内块元素设置：

//垂直
vertical-align: middle

绝对定位元素

元素本身：

//让**盒子的左侧**移动到**父级元素的水平中心位置**
left: 50%
//让盒子**向左**移动**自身宽度的一半**
margin-left: - width/2
//综合
left: 50% - width/2
//垂直方向同理