资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


本文名称:css中怎么用Flexbox摆脱外边距的各种hack
网址分享:http://cdkjz.cn/article/pgcdce.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220