/弹性盒子/

最新推荐文章于 2023-04-11 17:54:56 发布

弹琴弹琴

最新推荐文章于 2023-04-11 17:54:56 发布

阅读量714

点赞数

分类专栏： HTML5+CSS3点滴知识文章标签： css

本文链接：https://blog.csdn.net/bbsyi/article/details/53096822

版权

HTML5+CSS3点滴知识专栏收录该内容

50 篇文章 0 订阅

订阅专栏

/*弹性盒子*/
.grid .row{
   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.grid .row .col{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    min-height: 1em;
}
.grid .row .col.col-25{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 25%;/*宽自由设置*/
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
}
.fvc{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.fac{
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.far{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}