实现div垂直居中的display:table-cell方法示例介绍

1. div#wrap {     display: table;    
2. border: 1px solid #FF0099;     background-color: #FFCCFF;    
3. width: 760px;     height: 400px;    
4. *position: relative;     overflow: hidden;    
5. }       
6. div#subwrap {     vertical-align: middle;    
7. display: table-cell;     *position: absolute;    
8. *top: 50%;     }    
9.    div#content {    
10. *position: relative;     *top: -50%;    
11. }  

效果：
 

这个是多浏览器兼容的，但是得写几层div~ 但是想在层或img在层中垂直水平居中该怎样做呢？下一篇会涉及到。