快速学习-微信小程序开发(flex布局)

微信小程序开发

flex 布局（Flexible 布局，弹性布局）是在小程序开发经常使用的布局方式

官方文档

https://www.w3.org/TR/css-flexbox-1/ https://www.w3.org/TR/css-align-3/

◼ 开启了 flex 布局的元素叫 flex container

在这里插入图片描述

常用的CSS属性

在这里插入图片描述

flex布局模型

在这里插入图片描述

flex-direction

在这里插入图片描述

justify-content

在这里插入图片描述

align-items

在这里插入图片描述

flex-wrap

在这里插入图片描述

flex-flow

在这里插入图片描述

align-content

在这里插入图片描述

align-content

在这里插入图片描述

order

在这里插入图片描述

align-self

在这里插入图片描述

flex-grow

在这里插入图片描述

flex-shrink

在这里插入图片描述

flex-basis

在这里插入图片描述

在这里插入图片描述