用flex布局实现元素在盒子中平均分布列(每个项目两侧的间隔相等)

首先看一下实现的效果图


html代码:

<div class="contain">
                                            <img src="images/slide1.jpg" alt="">
                                            <img src="images/slide2.jpg" alt="">
                                            <img src="images/slide1.jpg" alt="">
                                            <img src="images/slide2.jpg" alt="">
                                        </div>

css代码:

.contain{
  margin-top:100px;
  display: flex;
  justify-content: space-around;
  background:#ffff00;
}
.contain img{
  width:100px;height:100px;
}


猜你喜欢

转载自blog.csdn.net/qq_29918313/article/details/80262723