css照片一行

在网页设计中，经常需要将多张照片按行展示。这时就需要用到CSS。

/* 将图片放在同一行 */
img {
  display: inline-block;
}
/* 设置图片的宽度和高度 */
img {
  width: 200px;
  height: 200px;
}
/* 图片之间的间隔 */
img:not(:last-child) {
  margin-right: 20px;
}
 

以上是常用的CSS代码，其作用是将所有图片设置为行内块元素，固定宽度和高度，并设置间隔。

如果需要将图片放在容器中，只需要在容器上设置以下CSS样式：

/* 容器样式 */
.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* 图片样式 */
.container img {
  width: 200px;
  height: 200px;
}
 

以上代码将容器设置为弹性容器，使其可以根据需要自动调整图片间距并居中对齐。

总之，在网页设计中，正确使用CSS可以让照片一行展示更美观、更统一，给用户带来更好的视觉体验。