元素的居中
先明白常见的块级元素
行级元素
1、块级元素
1.1 水平居中：
（也可利用负边距+绝对定位）
element { margin: 0 auto; }
1.2 垂直居中（元素高度已知）：
利用负边距+绝对定位
.outside { width:720px; height: 720px; margin: 0 auto ; position: relative; } .inner { width: 350px; height: 350px; position: absolute; top: 50%; /*元素向下移动50%*/ margin-top: -175px; /*元素向上移动自身的50%，此时，正好垂直居中*/ }
垂直居中（块级元素未知）：
2、行级元素
水平居中：
垂直居中：
原文：http://www.cnblogs.com/oneplace/p/5264052.html