使用 align-content 在 Cross Axis 均分
若希望 Browser 能自動均分父層 Box 在 Cross Axis 剩餘高度，可使用 align-content 的 space 系列設定。
使用 align-content 在 Cross Axis 對齊
在 Cross Axis 處理對齊除了 align-items 外，尚有 align-content，兩者非常接近，唯 align-items 是處理 Item 對於 Flex Line，而 align-content 是處理 Flex Line 對於 Box。
使用 align-content center 垂直置中
除了能使用 align-items: center 垂直置中外，事實上也能使用 flex-wrap: wrap 搭配 align-content: center 垂直置中。
深入探討 align-items stretch
Flexbox 的 align-items 預設為 stretch，這也使得 Flexbox 可自動 stretch 子層 item 使其等高。
使用 inline-flex 使父層成為 Inline
display: flex 與 display: inline-flex 對其子層 Item 都能使用 Flexbox，但對父層 Box 本身處理則不同，flex 會維持 Block，而 inline-flex 會成為 Inline。
如何取得 Object 所有 Key ?
ECMAScript Object 的 Property 基本上是由 Key / Value 構成，連 Method 也是廣義 Property，我們該如何取得 Object 的所有 Key 呢 ?
align-items 與 align-content 比較
Flexbox 的 align-items 與 align-content 非常類似，都是在處理 Cross Axis 對齊，事實上兩者並不違背，還可一起使用。