Html 用于固定页眉、页脚和中心图像的CSS规则

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

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

中间的一个，您还需要添加position:absolute；。在本例中，还有一些其他CSS技巧可以帮助垂直居中

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

---

看到我的小提琴了吗？

你好！这是一个涉及很多很多地方的话题。你可以通过一些非常快速的谷歌搜索找到答案。只需查看“css绝对定位”和“css垂直对齐”。