小程序样式

• display

是CSS属性指定用于元素的呈现框的类型。
属性：flex

---

• Flex

Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。
属性：

---

• flex-direction

决定主轴的方向
属性：
row：row | row-reverse | column | column-reverse

row.png

---

• align-items

属性：
align-items: stretch | flex-start | flex-end | center | baseline;

align-items.png

---

• justify-content

属性：
justify-content: flex-start | flex-end | center | space-between | space-around

justify-content.png

---

• position

属性：
static、relative、fixed、absolute
static 是默认布局，设置top\left。。属性不会有作用。
relative是相对布局，设置的top\left。。会相对文件中的控件。
absolute是绝对定位，设置的top\left。。会相对整个页面而定。
fixed是相对浏览器窗口定位，设置的top/left属性，是相对于浏览器窗口的位置。