您正在嘗試實現多行Flex 佈局，其中當沒有足夠的垂直空間時，項目會水平流動。但是，您會遇到列之間的間隙。
Flex 容器的初始設定是align-content:stretch。這可以將彈性項目均勻地分佈在多行容器的橫軸上。為了防止這種行為，請將align-content: flex-start應用於容器。
使用單行Flex容器時，您可以使用align-items和align-self沿橫軸分配空間。但是，在多行容器中，例如您的情況，您可以使用align-content屬性沿著交叉軸分佈柔性線（行或列）。
align-content屬性接受各種值，包括：
中心
flex-end中心
.container {
align-content: flex-start;
}flex-end中心
flex-end
中心空間之間空間周圍拉伸預設值是拉伸的，這意味著剩餘的可用空間在所有行之間平均分配，導致它們擴展。 解要消除程式碼範例中列之間的間隙，修改CSS:結論 使用align-content：flex-start確保伸縮線從容器頂部開始並繼續向下，沒有任何額外的間隙。這與您正在尋找的預期佈局一致。以上是如何消除 Flex 項目纏繞時之間的間隙？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
