html网页flex弹性布局属性order

属性order:规定子容器排列顺序,值越小越靠前,默认0支持负数




    
        1
        2
        3
    

属性flex-grow设置子容器放大比例:

.flexTest{
    display: flex;
}
.item {
    background: #c3c3c3;
    margin: 10px;
    padding: 10px;
    flex-grow: 1;
}
.item1 {
    flex-grow: 1;
}
.item2 {
    flex-grow: 2;
}
.item3 {
    flex-grow: 1;
}

    
        1
        2
        3
    
发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章