div居中问题

如何水平居中，方法有2：

1. 设置当前div的style为：margin: auto; 其实真正关键的是设置其margin-left和margin-right为auto，这样的目的是自动调整div以适应屏幕宽度，使其居中

2. 设置div的父级容器，例如body样式如下：

　body {
　　display: flex;
　　align-items: center;
　　justify-content: center;
　}

如何垂直居中呢？以下是网上找到的方法，以后用到时再行验证：

http://fangwei.iteye.com/blog/442628

https://www.qianduan.net/css-to-achieve-the-vertical-center-of-the-five-kinds-of-methods/