css中怎么用Flexbox摆脱外边距的各种hack-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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://kswsj.cn/article/pgcdce.html

其他资讯