如何将img标签水平居中

这篇文章距离上次修改已过443天，其中的内容可能已经有所变动。

要将img标签在其父元素中水平居中，可以使用CSS的display: block属性和margin属性。以下是具体实现方法：

HTML代码：




<div class="image-container">
    <img src="path/to/your/image.jpg" alt="Sample Image">
</div>

CSS代码：




.image-container img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

这段CSS代码会使得img标签在其父元素div中水平居中显示。如果你想要使用其他方法，比如Flexbox或Grid布局，也可以实现相同的效果。