1
            
2
            
3
            
4
            
5
            
6
            
7
            
8
        

可以看到最后一個(gè)div并沒有在中間，而是在最后了

因?yàn)槲覀冊(cè)O(shè)置了justify-content為space-between，意思就是兩邊貼邊

這時(shí)候我們可以給最外層div設(shè)置個(gè)偽元素，寬度和里面的div寬度一樣就好了

只需要兩行css就可以

.main:after {
    content: "";
    width: 100px;
}

這時(shí)候看效果

其實(shí)原理就是最后一個(gè)偽元素把他擠過來了

就算有9個(gè)也沒影響，因?yàn)樗母叨仁?，看下圖↓

關(guān)于“如何解決flex布局space-between最后一行左對(duì)齊的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。