flex_idems属性的basis

leigangg

于 2020-02-17 22:29:18 发布

阅读量113

点赞数

本文链接：https://blog.csdn.net/leigangg/article/details/104366471

版权

    <style>
        .box{
            height: 300px;
            width: 500px;
            background-color: #f3f;
            margin: 0 auto;
        }
        .xiaobox1,.xiaobox2,.xiaobox3{
            height: 100px;
            width: 100px;
        }
        .box{
            /* 开启flex */
            display: flex;  
        }
        .xiaobox1{
            background-color: #f00;
            /*
             flex-basis:可以覆盖前面的宽度,
                也就是说可以给自己单独设置宽度.
            */
            flex-basis: 200px;
        }
        .xiaobox2{
            background-color: #00f;
        }
        .xiaobox3{
            background-color: #0f0;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="xiaobox1">xiaobox1</div>
        <div class="xiaobox2">xiaobox2</div>
        <div class="xiaobox3">xiaobox3</div>
    </div>
</body>

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

leigangg

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
flex_idems属性的basis

<style> .box{ height: 300px; width: 500px; background-color: #f3f; margin: 0 auto; } .xiaobox1,.xiaobox2,.xiaobox3{ ...
复制链接

扫一扫