jquery 字体垂直居中

<div class="container">
    <p class="centered-text">垂直居中的文本</p>
</div>

.container {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
}

.centered-text {
    margin: 0;
}

$(document).ready(function() {
    // 确保容器高度和文本垂直居中
    $('.container').css({
        'height': '200px',
        'display': 'flex',
        'align-items': 'center',
        'justify-content': 'center'
    });
});

$(document).ready(function() {
    // 确保容器高度和文本垂直居中
    $('.container').css({
        'height': '200px',
        'display': 'flex',
        'align-items': 'center',
        'justify-content': 'center'
    });
});