在CSS中，您可以通過使用flexbox布局或grid布局來輕松地將照片居中。

您可以使用flexbox布局，將照片所在的元素設(shè)置為flex容器，然后使用justify-content和align-items屬性將照片居中。

.photo-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

您可以使用grid布局，將照片所在的元素設(shè)置為grid容器，然后使用justify-content和align-items屬性將照片居中。

.photo-container {
  display: grid;
  justify-content: center;
  align-items: center;
}

無論您選擇哪種布局，都可以輕松地將照片居中，這些布局方法不僅適用于照片，還可以用于其他類型的元素。

如果您使用的是CSS Grid布局，您還可以考慮使用place-items屬性來替代justify-content和align-items。

.photo-container {
  display: grid;
  place-items: center;
}

這個屬性可以簡化CSS代碼并提高效率，但是請注意，place-items屬性的瀏覽器支持可能不如justify-content和align-items廣泛，在使用之前請確保您的目標(biāo)瀏覽器支持該屬性。