利用弹性布局实现垂直居中

<div class="test">

<p style=" width: 100px; height: 100px; background: red;">测试一下这个垂直居中的东西 卧槽</p>

</div>

.test {

display: flex;

align-items: center;

justify-content: center;

}