soarli

flex布局水平垂直居中
<div class="box"> <section class=...
扫描右侧二维码阅读全文
22
2021/09

flex布局水平垂直居中

<div class="box">
     <section class="inner"></section>
</div>
css
    .box {
            display: flex;
            justify-content: center; /* 水平居中 */
            align-items: center;     /* 垂直居中 */
            width: 1000px;
            height: 600px;
            border: 1px solid red;
        }
        .inner {
            width: 300px;
            height: 200px;
            background-color: red;
        }

原文地址:

www.jianshu.com/p/7baa3d4a1e9c

最后修改:2022 年 01 月 07 日 05 : 32 PM

发表评论