Question

我有三张图片：one.png，two.png和three.png。使用CSS，我如何将one.png修复到页面的顶部中心，将3.png修复到页面的底部中心，将two.png修复到页面的中间？ two.png应垂直和水平对齐，整个设置应在视口大小调整时保持一致。非常感谢！

Answer 1

对于顶部和底部图像，您需要定位：绝对;并添加top：0px或bottom：0px;

中间一个，你还要添加位置：绝对;在这种情况下，还有一些其他CSS技巧可以帮助将其垂直居中。

img.two {
  top: 50%;
  height:100px;
  margin-top: -50px; /* Half the height */
}