微信小程序 display:flex;

display:flex; 是CSS中的一个属性，用于设置元素的布局方式为弹性布局。在微信小程序中，也可以使用该属性来实现灵活的布局效果。

具体来说，display:flex; 可以应用于父元素（容器）上，将其子元素（项目）按照一定的规则进行排列。通过设置不同的属性值，可以实现水平布局、垂直布局、居中对齐等效果。

以下是一些常用的属性值及其作用：
- flex-direction: 设置主轴的方向，可以是水平方向（row）、垂直方向（column）等。
- justify-content: 设置主轴上项目的对齐方式，可以是居中对齐（center）、两端对齐（space-between）等。
- align-items: 设置交叉轴上项目的对齐方式，可以是居中对齐（center）、顶部对齐（flex-start）等。
- flex-wrap: 设置项目是否换行，可以是不换行（nowrap）、自动换行（wrap）等。

通过使用 display:flex; 可以更方便地实现微信小程序中的页面布局和排版效果。