在具有flex-flow 的Flex-box 容器中：行換行；和justify-content: space- Between; ，最後一行項目可能無法正確對齊。本文探討了一個簡單的解決方案，將最後一行與其他行對齊，並保持所需的間距。
此解決方案利用 ::after 偽元素自動填充容器中的剩餘空間。透過分配 flex: auto; to ::after，它會填充 HTML 中的空白空間，沒有任何額外內容。
.grid {<br> display: flex;<br> flex-flow: rowwrapper;<br> justify-content: space- Between;<br>}<p>. grid::after {<br> 內容： "";<br> flex: auto;<br>}<br></p>這種方法提供了一個乾淨、簡單的解決方案，避免了在 HTML 程式碼中添加不必要的元素。請查看 http://codepen.io/DanAndreasson/pen/ZQXLXj 的現場演示，見證其有效性。
以上是如何使用「justify-content: space- Between」確保 Flexbox 網格最後一行的間距均勻？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
