flex 布局

(3)

微信小程序 scroll view 占据页面剩余高度

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

flex 布局实现垂直居中和水平居中

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

flex 水平分割布局

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