css怎么使图片依次排列

在网页布局中，有时需要将多张图片依次排列展示。CSS提供了多种方式实现图片排列，其中常用的方法是使用display属性和float属性。

img {
  display: block;
  float: left;
  margin-right: 10px;
}

以上代码中，display属性设置为block，使图片独占一行；float属性设置为left，使图片向左浮动；margin-right属性设置为10px，使图片间隔10px。

如果需要将图片居中显示，可以使用text-align属性将父元素的文本水平居中，再将子元素设置为inline-block以实现居中排列。

.parent {
  text-align: center;
}
img {
  display: inline-block;
  margin: 0 10px;
}

以上代码中，.parent代表包含图片的父元素，text-align属性设置为center，将文本水平居中；img元素设置为inline-block，使图片能够居中排列；margin属性设置为0 10px，使图片间隔10px。

除此之外，还有其他方式实现图片排列，如使用flexBox布局、使用grid布局等。在实际开发中，可以根据需求选择最适合的排列方式。