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

加在父级div中
垂直居中：

align-items:center; display: -webkit-flex;

水平居中：

justify-content:center; display: -webkit-flex;

或者使用：

display: flex;
flex-direction: column;
justify-content: space-around;

示例：

<div class="left_display">
    <div class="left_content">
        <div>
            <p class="p_content">条数</p>
            <p class="bigFont">32234</p>
            <p class="p_content">条</p>
        </div>
    </div>
    <div class="left_content">
        <div>
            <p class="p_content">项目数量</p>
            <p class="bigFont">32234</p>
            <p class="p_content">项</p>
        </div>
    </div>
    <div class="left_content">
        <div>
            <p class="p_content">关联项目</p>
            <p class="bigFont">32234</p>
            <p class="p_content">项</p>
        </div>
    </div>
    <div class="left_content" style="border-bottom:none;">
        <div>
            <p class="p_content">比例</p>
            <p class="bigFont">32.32%</p>
            <p class="p_content">项</p>
        </div>
    </div>
</div>

.left_content{
	height:25%;
	text-align:center;
	border-bottom:1px solid #E0E0E0;
    
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}