未知宽高的div水平垂直居中

未知宽度的div使内容水平垂直居中

方法一：使用display：flex；justify-content:center;align-items: center;属性
代码如下：
<style>
    #box{
        display: flex;
        justify-content:center;
        align-items: center;
        height: 500px;
    }
</style>
<div ></div>