div大小不定，子元素居中显示

<style>
    .parent{
        align-items:center;
        display: -webkit-flex;
        justify-content:center;

    }
    </style>

html结构

<div class="parent">
        <div class="child">我是子元素</div>
    </div>