我正在尝试使用 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);
}
但是,我不知道如何在裁剪图像后将其居中。
有人能帮忙吗?
在你的 CSS 中试试这个:
.center img {
display:block;
margin-left:auto;
margin-right:auto;
}
然后添加到您的图像以使其居中:
class="center"
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)