div 内容水平垂直居中

对于前端布局来说。总有一些图片水平垂直居中老是不好看，影响整体美观，百度一大堆各种自适应方法，终于找到了一种比较简单，适用于所有场景的方法。。

1.对于布局来说。一个div搞定、

<div id="big">
    <img src="img/3.jpg" />
</div>

2.然后css

    #big {
         width: 800px;
         height: 800px;
         border: 1px solid red;
         margin: 0 auto;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         justify-content: center;
          align-items: center;
    }

图片也可以替换成文字，等各种元素，