微信小程序的布局方式主要有两种：垂直布局和水平布局。在垂直布局中，页面元素会按照从上到下的顺序依次排列。而在水平布局中，页面元素会按照从左到右的顺序依次排列。
对于纵向布局，我们需要使用`flex`属性来控制元素的排列顺序。`flex`属性的值可以为`1`、`2`或`3`，分别表示元素占据父级容器的1/2/3宽度。当`flex`属性值为`1`时，元素占据父级容器的全部宽度；当`flex`属性值为`2`时，元素占据父级容器的一半宽度；当`flex`属性值为`3`时，元素占据父级容器的三分之一宽度。
以下是一个简单的示例，展示了如何在微信小程序中使用`flex`属性实现纵向布局：
```html
```
在这个示例中，我们创建了一个名为`container`的视图容器，并设置了三个子视图。通过设置`item`子视图的`flex`属性为`1`、`2`或`3`，我们可以控制它们在父级容器中的排列顺序。
需要注意的是，`flex`属性只适用于微信小程序的视图组件。对于微信小程序的页面组件（如页面、导航栏等），`flex`属性是无效的。
川公网安备51015602000223号
