水平居中
#layout {text-align: center;}
#center { margin-left: auto; margin-right: auto; }
垂直居中
一、单行内容的居中
只考虑单行是最简单的，无论是否给容器固定高度，只要给容器设置 line-height 和 height，并使两值相等，再加上 over-flow: hidden 就可以了
line-height:35px;height:35px;overflow:hidden;
优点：
1. 同时支持块级和内联极元素
2. 支持所有浏览器
缺点：
1. 只能显示一行
2. IE中不支持等的居中
要注意的是：
1. 使用相对高度定义你的 height 和 line-height
2. 不想毁了你的布局的话，overflow: hidden 一定要
二、多行内容居中，且容器高度可变也很简单，给出一致的 padding-bottom 和 padding-top 就行
#nav li{float:left;margin:0 10px;padding-top:10px;padding-bottom:10px;}
二、利用line-height和text-align:center结合
#nav li{float:left;margin:0 10px;line-height:30px; text-align:center;}