全回顾扫盲css之flex布局二

项目属性测试

    }
    .container2 div {
        order: 2;
    }
    .container2 .div2{
        order: 0;
    }
    .container3 .div2 {
        flex-grow: 1;
    }
    .container4 div {
        width:500px;
    }
    .container4 .div3 {
        flex-shrink: 0;
    }
    .container5 .div2 {
        flex-basis: 20px;
    }
    .container6{
        align-items: center;
    }
    .container6 .div2 {
        align-self: flex-start;
    }

随机浏览