css垂直水平居中方法

水平居中：

1. 块级元素中的行内元素水平居中：

给块级元素设置：text-align:center;

2. 块级元素1中的块级元素2水平居中：

（1）给块级元素2设置：margin：0 auto;
（2）给块级元素2设置：display:inline-block;给块级元素1中设置：text-align:center;

垂直居中：

1. 块级元素中的行内元素垂直居中（父元素高度确定）：

（1）给块级元素设置：line-height;
（2）chrome,firefox,ie8以上浏览器的话，给块级元素设置：display:table-cell;vertical-align:middle;

2. 块级元素1中的块级元素2垂直居中（父元素高度确定）：

（1）在块级元素1中设置：line-height;,块级元素2中设置：display:inline-block;vertical-align:middle;(但是块级元素2中的文档内容会脱离块级元素2)
（2）chrome,firefox,ie8以上浏览器的话，给块级元素设置：display:table-cell;vertical-align:middle;

3. 若父元素没有高度，给父元素设置：

padding:100px 0;