CSS 小技巧：把最後一行的 items 往左推

在做 flex box 排序時經常會遇到最後一行的 item 無法填滿空間而跑道中間。

https://codepen.io/william_k/pen/xxOagBG

在 .container 裡面，items 後方加入

<i aria-hidden="true"></i>
<i aria-hidden="true"></i>
<i aria-hidden="true"></i>

.container i {
  width: 300px; //需要把每個 item 的寬設定一樣
  margin: 10px;
}

這樣子可以自動把元素往左推。

https://codepen.io/william_k/pen/oNLPZNY

Reference:

https://dev.to/stel/a-little-trick-to-left-align-items-in-last-row-with-flexbox-230l