一个高度不固定的div，里面的文字如何垂直居中？

父元素设置:
垂直居中：align-items:center; display: -webkit-flex;display: flex;

水平居中：justify-content:center; display: -webkit-flex;display: flex;