小编给大家分享一下css中怎么用Flexbox摆脱外边距的各种hack,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
创新互联坚信:善待客户,将会成为终身客户。我们能坚持多年,是因为我们一直可值得信赖。我们从不忽悠初访客户,我们用心做好本职工作,不忘初心,方得始终。10多年网站建设经验创新互联是成都老牌网站营销服务商,为您提供成都网站设计、网站建设、外贸网站建设、网站设计、H5页面制作、网站制作、品牌网站制作、小程序开发服务,给众多知名企业提供过好品质的建站服务。
当需要用到列分隔符时,通过flexbox的 space-between 属性,你就可以摆脱nth-,first-,和 last-child 的hack了:
.list { display: flex; justify-content: space-between; } .list .person { flex-basis: 23%; }
现在,列表分隔符就会在均匀间隔的位置出现。
看完了这篇文章,相信你对“css中怎么用Flexbox摆脱外边距的各种hack”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!