前端代码中，如果将照片放到一个div中，再将这个div放到另一个div中，如何设置照片的第一层div垂直居中代码都写在html中

可以使用flex布局来实现垂直居中。具体代码如下：

<div class="outer">
  <div class="inner">
    <img src="your-image-url" alt="your-image">
  </div>
</div>

.outer {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  height: 100vh; /* 为了使图片撑满整个屏幕，设置外层div的高度为视口高度 */
}

.inner {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

在以上代码中，我们将图片放在了一个内层div中，并将内层div放在了外层div中。我们通过设置外层div的display属性为flex，并使用justify-content和align-items属性来实现水平和垂直居中。同时，我们还将外层div的高度设置为视口高度，以确保图片可以撑满整个屏幕。内层div的设置与外层div类似，用于实现图片的水平和垂直居中。