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

Posted 久冬不雨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第十篇微信小程序-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无效)

默认水平排列

 

以上是关于第十篇微信小程序-view组件的主要内容,如果未能解决你的问题,请参考以下文章

第七篇微信小程序-video组件

第八篇微信小程序-progress组件

第五篇微信小程序-swiper组件

第六篇微信小程序-form组件

第四篇微信小程序-icon组件

第九篇微信小程序-button组件