<div class="parent">
	<div class="child">居中文字</div>
</div>
<style>
        /*
        table 设置table元素
        table-cell 设置元素td元素
        */
        display: table-cell;
       /* 
       * vertical-align属性 用于设置文本内容垂直方向对齐方式
       * top 顶部对齐
       * middle 居中对齐 
       * bottom 底部对齐
       */
        vertical-align: middle;
</style>

.parent {
	position: relative;
}
.child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}