div中嵌套div水平垂直居中

div中嵌套一个居中的div有很多方法,如果不想调整边距,有一个简单的方法:

1     <div align="center" style="width: 200px;height: 200px;background: green;display: table-cell;vertical-align: middle;">
2         <div style=" width: 100px;height: 100px;background: blue;">
3         </div>
4     </div>


效果如下:

 

posted @ 2016-05-15 10:17  流火行者  阅读(1781)  评论(0编辑  收藏  举报