CSS将图像水平居中

小编典典

css

我正在尝试使用CSS将图像水平居中放置。

我正在使用以下HTML代码在屏幕上显示图像：

<div id="loading" class="loading-invisible">  
    <img class="loading" src="logo.png">
</div>

我正在裁剪图像，因为我只想显示一些图像，并且正在使用以下CSS：

img.loading 
{
position:absolute;
clip:rect(0px,681px,75px,180px);
}

但是，一旦裁切后，我将无法确定如何居中。

有人能帮忙吗？

阅读 314

2020-05-16

共1个答案

小编典典

这样使用绝对位置和保证金位置

img.loading{
  position: absolute;
  left: 50%;
  margin-left: -(half ot the image width)px
}

2020-05-16