第十篇、微信小程序-view组件

视图容器

常用的样式的属性:

详情:http://www.jianshu.com/p/f82262002f8a

display :显示的模式。可选项有:flex(代表view可以伸缩,弹性布局)…

flex-direction :view容器主轴布局方向。可选项有:row , column

justify-content :view容器子元素沿着主轴的排列方式。可选项有:flex-start、center、flex-end、space-around…

align-items :view容器子子元素沿着次轴(与主轴垂直的轴,比如若主轴方向为row,则次轴方向为column)的排列方式。可选项有:flex-start、center、flex-end…

flex :权重。可选项:1,2, 3, 4, 5…(flex与display属性一般结合使用,单独使用flex无效)

默认水平排列

 

posted on 2016-10-22 23:27  久冬不雨  阅读(1315)  评论(0编辑  收藏  举报