CSS flex 觀念紀錄

1. align-items 與 align-content 差異

兩個最大的不同是，當只有一行時 align-content 是沒有效果的

但假如加上 flex-wrap: wrap; align-content 也是有效果的

但假如改為flex-wrap: nowrap; 也會沒效果

但flex-wrap: wrap時 align-self 也會沒有效果

2.為何align-content:stretch 沒效果，當flex-box 底下的div有設定height時，align-content:stretch 就會沒有效果

不管是align-content 、 align-items 預設都是 stretch，所以今天沒特別設定屬性又沒設定高度時時都會自動延伸。

當有特別設定 align-content 就會正常了。

flex 相關知識

flex 觀念