.box{
display: flex;
flex-direction: row(默认,从左到右) | row-reverse(从右到左) | column(从上到下) | column-reverse(从下到上);
flex-wrap: nowrap(默认,不换行) | wrap(换行) | wrap-reverse(反向换行);
flex-flow: || ;
justify-content: flex-start(默认,左对齐) | flex-end(右对齐) | center(中间对齐) | space-between(两端对齐) | space-around(每个项目两侧的间隔相等);
align-items: flex-start(上对齐) | flex-end(下对齐) | center(中间对齐) | baseline | stretch(默认);
align-content(多轴线): flex-start | flex-end | center | space-between | space-around | stretch;
}
Flex布局
最新推荐文章于 2024-04-07 17:37:17 发布