-start;為默認屬性，所以只需要設置為flex布局，換行； 子集css屬性： 需要設置width為百分比，而 ...

*重點在給外層的盒子加after ...

主要代碼： 父： 子： ...

使用flex布局，兩端對齊(以一行四個為例)： .box{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .box ...

我用的方法是添加幾個空的的 li 在最后面。空 li 的數量按照你的頁面排版來給，然后減少一個li。例如，我的頁面排版，一行放四個 li ，那我的空 li 就給三個。因為給多了也看不出效果，夠用就好。你可以放多幾個也行，不影響。因為，按照我的頁面排版來說，我最后一行，只要可以補滿四個 li 就滿足 ...

一、justify-content 對齊問題描述 在 CSS flex 布局中，justify-content 屬性可以控制列表的水平對齊方式，例如 space-between 值可以實現兩端對齊。 但是，如果最后一行的列表的個數不滿，則就會出現最后一行沒有完全垂直對齊的問題。 如下代 ...

1、添加幾個空item（用於大多數場景） 根據布局列數添加空item，比如每行最大n列，那么在最后添加n個空item即可 2.利於after（適用於每行列數確定的場景） ...

: space-between 時，會遇到最后一行列表沒有對齊（文章里說的那種情況）；不使用 flex-w ...