---
# System prepended metadata

title: AMOS 筆記

---

# 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 可以達成在列表中套用底線的視覺效果