使用 calc() 實現 space-around
若不換行，justify-content: space-around 可使 Item 之間間隔相等，但若搭配 flex-wrap: wrap 換行，如果 Item 個數無法整除，會出現間隔不相等，可使用 calc() 自行處理間隔。
使用 Margin Auto 實現 Space Around
Flexbox 的 justify-content: space-around，事實上也能使用 margin: auto 簡單實現。
使用 Margin Auto 在 Flexbox 內實現不規則 Layout
一般使用 Flexbox 都只會使用其相關 Property，事實上搭配 margin: auto 可實現各種不規則 Layout。
使用 Margin Auto 讓兩個靠左一個靠右
實務上常遇到一堆 Item 都靠左，但最後一個 Item 靠右，直覺會使用 flex-grow，事實上也可巧妙地使用 margin: auto 實現。
使用 Margin Auto 實現同時水平垂直置中
若要同時水平置中與垂直置中，直覺會同時使用 justify-conten: center 與 align-items: center，事實上也可巧妙地使用 margin: auto 實現。
使用 Margin Auto 實現 Flexbox 內垂直置中
若要在 Flexbox 內實現 Cross Axis 置中，直覺會使用 align-items: center，事實上也可巧妙地使用 margin: auto 實現。
使用 :link、:visited、:hover、:active 設定 Anchor 視覺
<a> 為最常用的 HTML 之一，可透過 :link、:visited、:hover 與: :active 設定在不同狀態下 Anchor 視覺效果。