解決flex佈局的justify-content: space-between對齊方式的一個BUG的兩種方法

---

在設置display:flex,justify-content: space-betweend的時候，它會把子元素靠邊對齊平均分剩餘的空間。

例如：打算一行放三個子元素

效果：

這看起來一點問題都沒有，還挺好看的，可是若是下一行不夠三個呢，只有兩個的時候就會出現問題。

這樣看起來特別噁心，中間空了一大塊出來，看起來特別像一個bug，而不是咱們要的跟上一行一個一個對齊的效果。

如今來解決這個問題，在這裏提供兩個方法：

1. 僞類：after
2. 提供佔位元素

僞類方案

佔位元素方案

效果