html和css 让div垂直(竖直)和水平居中

关于水平居中很简单只要使用,magin: 0 auto;就能自动水平居中;

但是对于竖直居中html和css并没有详细的说明和介绍,两步即可实现div中的div垂直水平居中:

1,父div中加入

  display:table-cell;
  vertical-align:middle;

2.子div中加入

 margin: auto;