css中怎么用Flexbox摆脱外边距的各种hack

小编给大家分享一下css中怎么用Flexbox摆脱外边距的各种hack，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

创新互联坚信：善待客户，将会成为终身客户。我们能坚持多年，是因为我们一直可值得信赖。我们从不忽悠初访客户，我们用心做好本职工作，不忘初心，方得始终。10多年网站建设经验创新互联是成都老牌网站营销服务商,为您提供成都网站设计、网站建设、外贸网站建设、网站设计、H5页面制作、网站制作、品牌网站制作、小程序开发服务,给众多知名企业提供过好品质的建站服务。

用 Flexbox 摆脱外边距的各种 hack

当需要用到列分隔符时，通过flexbox的 space-between 属性，你就可以摆脱nth-，first-，和 last-child 的hack了：

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

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

现在，列表分隔符就会在均匀间隔的位置出现。

看完了这篇文章，相信你对“css中怎么用Flexbox摆脱外边距的各种hack”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！