[分享]css中如何让图片均匀分布

CSS中如何让图片均匀分布在网页设计中，图片是不可或缺的元素之一。然而，当我们希望在页面上展示多张图片时，如何让它们均匀分布呢？下面我们将介绍CSS中如何实现这一效果。首先，我们来看一个简单的例子： ...

CSS中如何让图片均匀分布
在网页设计中，图片是不可或缺的元素之一。然而，当我们希望在页面上展示多张图片时，如何让它们均匀分布呢？下面我们将介绍CSS中如何实现这一效果。
首先，我们来看一个简单的例子：

<div class="container">
  <img src="1.jpg">
  <img src="2.jpg">
  <img src="3.jpg">
  <img src="4.jpg">
</div> 

.container {
  display: flex;
} 

img {
  flex: 1;
} 

<style>
.container {
  display: flex;
}
img {
  flex: 1;
}
</style>

<div class="container">
  <img src="1.jpg">
  <img src="2.jpg">
  <img src="3.jpg">
  <img src="4.jpg">
</div>