微信小程序 Flex布局

display:flex;
 
flex-direction:row(默认值) | row-reverse | column |column-reverse -主轴方向
 
flex-wrap:nowrap(默认值) | wrap | wrap-reverse -内容多了
 
justify-content:flex-start(默认值) | flex-end | center |space-between | space-around | space-evenly -在主轴上怎么分布
 
align-items:stretch(默认值) | center  | flex-end | baseline | flex-start -在负轴上怎么排列
 
align-content:stretch(默认值) | flex-start | center |flex-end | space-between | space-around | space-evenly -
在负轴上内容怎么排列

 

posted @ 2023-03-07 10:21  vba是最好的语言  阅读(58)  评论(0编辑  收藏  举报