使用 align-items 在沒有換列下處理 Cross Axis 對齊
justify-content 可決定 Main Axis 對齊，若想控制 Cross Axis 對齊，則可使用 align-items。
使用 flex-direction 設定 Main Axis
Flexbox 雖然看起來使 Block 從垂直排列變成水平排列，事實上是由 flex-direction Property 決定 Main Axis 排列方向。
自動依寬度為 String 加上 ...
由 API 所回傳的資料可能過長而換行顯示，但有時我們不希望換行影響版面，而想直接在該行截斷 String 加上 ... 即可，當然可以使用 JavaScript 處理，但隨著 RWD 寬度改變，JavaScript 將面臨挑戰，比較好的方式是使用 CSS 解決。
使用 Media Query 根據不同 Device 設定寬度
使用 calc() 與 Media Query，我們可根據 iPhone、iPad、iPad Pro、MacBook Air 與 iMac 分別設定不同 Column Width。
使用 calc() 與 border-box 建立 RWD Column
若要建立可 RWD 的 Layout，也可藉由 calc() 與 border-box 先建立 Column，最後再將 Item 放進 Column 內。
使用 calc() 實現固定 Margin 的 RWD
為了實現 RWD，我們會將 width 與 margin 都改用 % 而非 px，但這會造成 margin 隨 Browser 寬度改變，若要 margin 固定而 width 依舊使用 %，則要借數 calc() 根據固定 margin 動態計算 width。