在HTML中，<img>元素是用于在網頁中嵌入圖像的標記。在某些情況下，您可能需要在圖像水平居中以使其與頁面的其他元素對齊。以下是一些方法，您可以使用它們來使<img>元素水平居中。

方法一：使用CSS中的margin:auto;屬性

<img src="your-image.jpg" style="display:block;margin:auto;">

這將使圖像在其容器元素中水平居中。請注意，要使其正常工作，您需要將設置為塊級元素，通過設置display:block;樣式。

方法二：使用CSS中的text-align:center;屬性

<div style="text-align:center;">
<img src="your-image.jpg">
</div>

這將使包含圖像的容器元素居中，從而使圖像水平居中。這是使行內元素（例如文本和圖像）居中的一種常見方法。

方法三：使用CSS中的Flexbox布局

<div style="display:flex;justify-content:center;">
<img src="your-image.jpg">
</div>

使用Flexbox布局使相對定位非常容易，將容器視為一個靈活的盒子，僅包含有關子元素如何布局的規則。使用display:flex;和justify-content:center;即可輕松將圖像水平居中。

在這里，我們介紹了三種方法來使圖像水平居中。選擇其中任何一種取決于您的需求和設計約束。