Appearance
對齊
| 項目 | 對象 | CSS 原理 | 說明 | 試試看 |
|---|---|---|---|---|
| Align | flexbox | align-items | 把 flexbox 內的元素垂直對齊 | playground |
| Align Self | flexitem | align-self | 指定 flexbox 內的元素垂直對齊 | playground |
| Justify | flexbox | justify-content | 水平對齊 | playground |
| Auto Margins | flexitem | margin | 自動留空 | playground |
- 使用 margin auto 垂直/水平置中。
Summary
- 對齊設定是針對 flex 容器內的元素。
- 垂直對齊叫做
align，爽水平對齊稱為justfy - margin auto，填滿剩下的空間，可以做垂直/水平對齊。