# FLEX 筆記7. - align-items，交錯軸對齊方式

- flex 容器裡頭有兩個屬性作來**對齊**

1. `jsutify-content` - 主軸的對齊
有: flex-start、flex-end、space-around、space-beetwen

2. `align-items` - 也就是本節的重點，介紹交錯軸的對齊

- aling-items，有哪些語法?

參考**六角學院課程**的圖片如下:

這是以預設 display: flex，也就是 justify-content: row 預設情況下會出現的情況


### 也可透過以下模擬器來觀察在各主軸的狀態下，交錯軸的位置如何顯示

[flex 模擬器 by．六角學院](https://codepen.io/peiqun/pen/WYzzYX)

###### tags: `CSS-FLEX`