小編給大家分享一下css中怎么用Flexbox擺脫外邊距的各種hack，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)堅信：善待客戶，將會成為終身客戶。我們能堅持多年，是因為我們一直可值得信賴。我們從不忽悠初訪客戶，我們用心做好本職工作，不忘初心，方得始終。10多年網(wǎng)站建設(shè)經(jīng)驗創(chuàng)新互聯(lián)是成都老牌網(wǎng)站營銷服務(wù)商,為您提供成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、H5頁面制作、網(wǎng)站制作、品牌網(wǎng)站制作、小程序開發(fā)服務(wù),給眾多知名企業(yè)提供過好品質(zhì)的建站服務(wù)。

用 Flexbox 擺脫外邊距的各種 hack

當(dāng)需要用到列分隔符時，通過flexbox的 space-between 屬性，你就可以擺脫nth-，first-，和 last-child 的hack了：

.list {
 display: flex;
 justify-content: space-between;
}

.list .person {
 flex-basis: 23%;
}

現(xiàn)在，列表分隔符就會在均勻間隔的位置出現(xiàn)。

看完了這篇文章，相信你對“css中怎么用Flexbox擺脫外邊距的各種hack”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！