水平居中和垂直居中方法总结

水平居中

1、行内元素：
将父元素设为：text-align:center
2、不定宽块级元素：
设置display:inline和父级text-align:center
3、定宽块级元素：
设置margin:auto
4、相对父元素绝对定位
父元素：position:relative;
子元素：position: absolute;left:50%;margin-left:-50px;（自身宽度的一半）
5、强行计算padding margin

垂直居中

1、父元素为定高块元素，子元素为行内元素 行内块元素：
父元素： 设置高
子元素： line-height = height