[分享]css中如何让照片平铺

CSS中有许多方法可以让照片平铺，下面介绍一些常用的方法。

/* 设置背景图片平铺 */
body {
  background-image: url("bg.jpg");
  background-repeat: repeat;
}

/* 设置一张图片平铺 */
img {
  width:100%;
  height:auto;
  display:block;
  object-fit: repeat;
}

/* 设置多张图片平铺 */
.container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

/* 设置背景图片完整填充 */
body {
  background-image: url("bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

/* 设置背景图片在屏幕中居中 */
body {
  background-image: url("bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
} 

以上就是一些让照片平铺的CSS代码，可以根据需要选择适合的方法。希望对大家有所帮助。