超寬圖片居中是網頁設計中常見的需求之一，特別是在響應式布局中更為重要。下面介紹一種使用CSS讓超寬圖片水平居中的方法。

首先，我們需要將圖片包裹在一個div標簽中：

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

接下來，在CSS中設置.container的樣式：

.img-container {
display: flex;
justify-content: center;
align-items: center;
}

這樣設置之后，圖片就會水平居中，并且在容器中垂直居中。

如果圖片高度超過容器的高度，我們可以添加一行CSS來控制圖片的垂直對齊方式：

.img-container img {
max-height: 100%;
align-self: center;
}

這個方法對于寬度超過容器的圖像也非常有效，可以在保持圖片縱橫比的同時實現水平居中。

以上就是關于超寬圖片居中的CSS方法，希望能對你有所幫助！