div 中的元素居中

1、里面是inline

例如是文字：在div中加一个span就可以了设置span样式为：height:32px line-height:32里面的文字就居中了

 height:30px;
 line-height:30px;
 width:100px;
 overflow:hidden;

2、里面是block 定位方法实现

能用margin padding 就用 ;注意该方法老是又溢出边界现象！

.guding{width:500px;height:200px;background:#c2300b;margin-left:50px;position:relative;}
.gd{width:50px;height:20px;background:#fff;position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-25px;}

代码要点
父容器要用相对定位position:relative;否则的话子元素会相对于浏览器窗口进行绝对定位。
子容器绝对定位，top:50%;left:50%;margin-top，margin-left的值取该容器高度，宽度的一半的负值。

例如：ul

使用：定位position法可以：父元素：relative 子元素 relative top:10%;

http://www.cnblogs.com/chenmuyue/archive/2013/05/02/3042984.html