flex 布局

假设页面 - 顶部是一个 banner，class 为 top - 余下部分是一个 scroll view，占据了页面剩余的高度 ## 实现方法 ``` Page { display: flex; height

在微信小程序中可以放心地使用 flex 布局，所以尝试了一下 flex 的居中布局。 ## 示例模板代码 ``` 手机认证 ``` ## 示例样式代码 只需要在父级元素上设置，不需要操作子元素

例如，我在微信小程序中想使用 flex 布局来实现如下的一行布局： ``` | 功能图标 | 功能名称 | 引导箭头| ``` 即，水平分割一行。 ## 实现效果 ![flex 水平分割布局](https://cdn