靜態資源
網頁資源
小工具
CSS
其他
Color
FlexBox
數量
1
2
3
5
7
11
13
17
19
flex-direction
row (水平)
column (垂直)
row-reverse (水平反向)
column-reverse (垂直反向)
Main Axis 方向
flex-wrap
nowrap (不換行)
wrap (換行)
wrap-reverse (反向換行)
換行
justify-content
flex-start (開頭)
center (置中)
flex-end (結尾)
space-around (分散，等邊界)
space-between (分散，等間距)
Main Axis 放置方式
align-items
flex-start (開頭)
center (置中)
flex-end (結尾)
stretch (延展)
baseline (基線)
子項目放置方式
align-content
flex-start (開頭)
center (置中)
flex-end (結尾)
stretch (延展)
space-around (分散，等邊界)
space-between (分散，等間距)
Cross Axis 放置方式 (需換行)
flex-grow
空間足夠時的延展比例
flex-shrink
空間不足時的壓縮比例
flex-basis
基準尺寸
align-self
auto (自動)
flex-start (開頭)
center (置中)
flex-end (結尾)
stretch (延展)
baseline (基線)
子項目放置方式
width
寬度
height
高度
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19