div通过flex布局实现div里面的元素水平垂直居中

div通过flex布局实现div里面的元素水平垂直居中

<div class="flex">
    <div>
       <p>p标签</p>
       <p>p标签</p>
    </div>
</div>

		.flex {
    
    
            /*flex 布局*/
            display: flex;
            /*实现垂直居中*/
            align-items: center;
            /*实现水平居中*/
            /*justify-content: center;*/
            text-align: justify;
            margin: 0 auto;
        }

ok