LLEARNING NOTES

技术 · 思考 · 实践 · 成长

首页/flex/正文

flex 实现子盒子居中

flex667 次阅读


    .main{
        height:500px;
        background: #555;
        // 如下代码
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .item{
        width:100px;
        height:100px;
        background: #ff5;
        text-align: center;
    }
    <div class="main">
        <div class="item"></div>
    </div>


所谓坚持,就是从种子种下到开花结果需要等待的时间。

评论交流

理性讨论,共同进步
验证码

相关文章

继续阅读