---
# System prepended metadata

title: flex-direction 軸線方向(資訊流流向)
tags: [共筆]

---

| 類別/軸線方向                           | 顯示                                                | emmet    | 使用頻率 |
| --------------------------------------| --------------------------------------------------- | --- | -------- |
| 預設為 `flex-direction: row` 左至右     | ![](https://hackmd.io/_uploads/ByZgOJgcn.png)       | fxdr   | 70%      |
| `flex-direction: row-reverse` 右至左   | ![](https://hackmd.io/_uploads/B1egzdyx9n.png)      | fxdrr  | 10~15%   |
| `flex-direction: column` 上至下        | ![](https://hackmd.io/_uploads/HyLtO1xc2.png =30%x) | fxdc   | 10~15%   |
| `flex-direction: column-reverse` 下至上| ![](https://hackmd.io/_uploads/HkN5Okxc2.png =30%x) | fxdcr  | 3~5%     |