# AMOS 筆記

- 誰有 margin-auto 誰就可以分配剩餘空間
- inline-block 元素上不能用 margin:auto，因為他算是inline 元素的特性
- flex 搭配 margin:auto 可以輕鬆運用剩餘空間

## align items
align-items/align-content 取決於資料有沒有折行

- flexbox 會將內容分割成多個彈性的列或彈性的行
- align-content 用來控制彈性列在 flexbox 的空間
- align-content 預設是 stretch ，會佔滿整個剩下的空間

## Flex-basis
- 主軸上面所佔的長度

## 工具
- 隨機圖片 ：https://picsum.photos/

## 為類別的優先權順序

## 6/12
- li +li 套用 border-top 可以達成在列表中套用底線的視覺效果