在 HTML 中从屏幕中心打印图像

Question

我正在做一个简单的 html 项目，其中有 2560 x 1440 的图像，图像的中心基本上是需要显示的图像部分，其余部分只是填充任何屏幕分辨率.

这是当前代码：

<img style="position: fixed; bottom:0; left:0;" src="footer.jpg"/>

和 CSS：

img {
    position: fixed;
    bottom:0;
    left:0;
}

这里的问题是它从左>到>右打印图像

是否可以从中心向外打印图像。 所以基本上图像应该仍然像代码一样位于页面的底部，但我希望图像从它的中心打印出来。

Answer 1

您可以使用它来居中对齐图像中的

    {
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-25px;
   margin-left:-25px;
   }