html - 在 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;
   }