div垂直居中怎么做（div中嵌套div水平居中，垂直居中）

方法一：

div（父）：display:table;

div（子）：display:table_cell;margin:0 auto;vertical-align:middle;

方法二：

div（父）：display:flex;justify-context:centet;align-items:center;

 

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>

效果如下：