微信小程序 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 @   vba是最好的语言  阅读(63)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
点击右上角即可分享
微信分享提示