E企盈营销工具技术服务商 热线:4006-838-530

微信小程序view布局(换行等)

E企盈直播平台营销卖货系统

flex-direction: 多个元素时决定是元素排列横向还是竖向  1row:从左到右的水平方向为主轴(默认值) 2row-reverse:从右到左的水平方向为主轴 3column:从上到下的垂直方向为主轴 4column-reverse:从下到上的垂直方向为主轴justify-content: 多个元素之间的对齐方式是在横向上做改变 1flex-start:主轴起点对齐(默认值) 2flex-end:主轴结束点对齐 3center:在主轴中居中对齐 4space-between:两端对齐,除了两端的子元素分别靠向两端的容器之外,其他子元素之间的间隔都相等 5space-around:每个子元素之间的距离相等,两端的子元素距离容器的距离也和其它子元素之间的距离相同align-items: 多个元素之间的对齐方式是在纵向上做改变 1stretch 填充整个容器(默认值) 2flex-start 侧轴的起点对齐 (这里我们手动设置下子 view 的高度,来看的明显一些) 3flex-end 侧轴的终点对齐 4center 在侧轴中居中对齐 5baseline 以子元素的第一行文字对齐flex-wrap: 多个元素之间是否自动换行  1nowrap:不换行(默认)  2wrap:换行  3wrap-reverse:换行,第一行在最下面order: 可以控制子元素的排列顺序,默认为0

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序view布局(换行等)
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏