flex布局中,元素等间距设置,包括第一个元素的左边,最后一个元素的右边,也等间距

2023-01-04,,,,

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

.fu{
display: flex;
ustify-content: space-between;
}

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

    .zi:before{
content: "";
display: block;
}
.zi:after{
content: "";
display: block;
}

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

flex布局中,元素等间距设置,包括第一个元素的左边,最后一个元素的右边,也等间距的相关教程结束。

《flex布局中,元素等间距设置,包括第一个元素的左边,最后一个元素的右边,也等间距.doc》

下载本文的Word格式文档,以方便收藏与打印。