微信小程序View的布局

横向布局or竖向布局=>设置属性 flex-direction

设置元素在横向上的布局方向，需要设置 justify-content 属性

设置元素在纵向上的布局方向，需要设置 align-items 属性

用于控制子 View 是否换行=>设置flex-wrap 属性

近日，微信又迎来内测版本的更新，本次更新的是微信7.0.7内测版本，更新之后主要在好友详情页展示、语音转文字、小程序界面显示风格、图片发送设置、公众号详情页等5个方面进行了改变。

首先，好友详情页现在展示全部的可选的选项，会一次把所有可选项列举出来。

直接上滑就可以将语音转文字，其他还可以求助“录音转文字助手”；

小程序界面显示风格更加简单明了；内测版的小程序可选项是横向布局，正式版为竖排。内测版还添加了一些彩色图标，颜色看起来更丰富。

给好友发送图片时，文件夹的选项放到了上边，并加上了一个椭圆形的边框。除此之外，“预览”和“原图“功能的位置做了调整。

最后，公众号详情页也发生了变化，和正式版对比，会发现多了一个“取消”选项。

在微信小程序开发过程中，我们会经常使用到scroll-view组件，有时我们要在scroll-view中水平显示列表，类似这样：

但是当我们设置了scroll-view的flex-direction:row等属性时，会发现没有用，列表依然垂直显示，像这样：

主要是因为display:flex等属性对于scroll-view来说是没有用的，此时我们只需要设置子试图的属性display: inline-block即可，不需要设置scroll-view的flex属性。

但是当我们设置完成后可能会出现一下情况：

会发现列表好像没有对齐，有两个子试图错位了，接下来我们可以通过设置子属性vertical-align:top来解决，最后会得到我们想要的效果。

---