首页 > 微信 > 详细

微信小程序-布局

时间:2021-04-12 22:27:30      阅读:26      评论:0      收藏:0      [点我收藏+]

1.容器的属性:

flex-direction 布局的方式是行还是列
                     row
                     row-reverse
                     column
                     column-reverse


flex-wrap 是否换行
    nowrap:不换行
    wrap:换行,第一行在上方
    warp-reverse:第一行在下方


justify-content 主轴对齐方式
    space-between:两端对齐,项目之间的间隔都相等
    flex-start:左对齐(默认)
    flex-end:右对齐
    space-around:每个项目两侧的间隔都相等

order 排序

flex 空间占比

align-self 允许单个项目有自己的对齐方式(与众不同) 
    可覆盖align-items属性
    默认为auto,表示继承父元素的align-items属性


align-items 交叉轴对齐方式

  

  

微信小程序-布局

原文:https://www.cnblogs.com/gfwei/p/14649675.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!