我是靠谱客的博主 超帅牛排,这篇文章主要介绍flex布局中,元素等间距设置,包括第一个元素的左边,最后一个元素的右边,也等间距,现在分享给大家,希望可以做个参考。

项目中很多地方会用到等间距排放的场景,使用flex 布局可以很方便的实现

复制代码
1
2
3
4
5
.fu{ display: flex; ustify-content: space-between; }

通过上面代码,可以实现子元素的等间距排放。但是第一个元素和末尾的元素,到左边和右边 不会等间距排放,可以通过伪元素来实现

复制代码
1
2
3
4
5
6
7
8
9
.zi:before{ content: ""; display: block; } .zi:after{ content: ""; display: block; }

这样就 可以实现等间距排放了。 在做下面的小程序中遇到了这个问题,记录下,希望能给你带来方便

制作头像小程序

最后

以上就是超帅牛排最近收集整理的关于flex布局中,元素等间距设置,包括第一个元素的左边,最后一个元素的右边,也等间距的全部内容,更多相关flex布局中,元素等间距设置,包括第一个元素内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(51)

评论列表共有 0 条评论

立即
投稿
返回
顶部