css,_请问：使用vertical-align:middle;垂直居中对齐，父级line-height该怎么设？，css

请问：使用vertical-align:middle;垂直居中对齐，父级line-height该怎么设？

<style type="text/css">
    *{margin: 0;padding: 0;}
    .parent{width: 300px;height: 300px;border: 1px solid #000000;}
    .child{width: 100px;height: 100px;background: #FF0000;}

    .parent{display:inline-block;vertical-align:middle;**line-height:?px;**}
    .child{display: inline-block;}
</style>
<body>
    <div class="parent">
        <div class="child"></div>
    </div>
</body>

line-height和height设置成一样的，文字就会垂直居中，其他的顶楼上。

父级line-height:300px;同时子级的vertical-align:middle;这样就可以让child居中