在div - div内居中对齐文本的高度以百分比表示

<style>
    .parent {
        display: flex;
        align-items: center;
        height: 300px; /* 设置父级div的高度 */
        border: 1px solid black; /* 为了方便查看效果，添加边框样式 */
    }

    .child {
        height: 50%; /* 设置子元素的高度为50% */
    }
</style>

<div class="parent">
    <div class="child">
        居中对齐的文本
    </div>
</div>