我在 div 中有一个图像,可以在图像上放置一个按钮。我在网上搜索过,但找不到使图像居中的方法。
我试过让它成为自己的类并使 img 标签本身居中,但它们似乎都不起作用。
<div class="container">
<img src="https://cdn.discordapp.com/avatars/543553627600584735/470015f633d8ae88462c3cf9fa7fd01f.png?size=256" alt="utili">
<a href="utili.html" class="btn">Utili</a>
</div>
图像应该居中在页面中间,这样我就可以排成 3。
最佳答案
In HTML:
<img src="paris.jpg" alt="Paris" class="center">
要使图像居中,请将左右边距设置为 auto
并将其放入 block
元素中:
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
因此,您可以将任何位于 div 中的图像居中。希望这对您有所帮助。
关于html - 当图像位于 div 中时,如何将其置于 HTML 中心?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55424010/