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%;