CSS文本垂直居中显示

最新推荐文章于 2023-11-22 14:48:11 发布

weixin_30781775

最新推荐文章于 2023-11-22 14:48:11 发布

阅读量76

点赞数

原文链接：http://www.cnblogs.com/sangzs/p/8941069.html

版权

<style>
    .sty1 {
        width: 300px;
        height: 200px;
        background-color: black;
        text-align: center;
        color: white;
        font-size: 30px;
        margin: 20px auto;
    }

    .sty2 {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
</style>

<body>
    <div class="sty1 sty2">
        this is title
    </div>
</body>