CSS中的img標(biāo)簽可以根據(jù)它的容器自動(dòng)調(diào)整寬度。當(dāng)我們使用width屬性并將其值設(shè)置為100%時(shí)，圖像將會(huì)根據(jù)容器的寬度自適應(yīng)大小，不會(huì)超出容器的寬度范圍。

img {
width: 100%;
}

如果我們想使圖像在容器中居中，我們可以使用text-align屬性將父容器的文本居中：

.container {
text-align: center;
}
.container img {
width: 100%;
}

此時(shí)，圖像將被自動(dòng)縮放并水平居中。

如果我們想使圖像保持寬高比例，并在容器中水平垂直居中，我們可以使用如下方法：

.container {
display: flex;
justify-content: center;
align-items: center;
}
.container img {
max-width: 100%;
max-height: 100%;
}

這將使圖像縮放到適應(yīng)容器大小的最大尺寸，同時(shí)在容器中水平垂直居中。

當(dāng)圖像尺寸超過容器時(shí)，我們可以使用overflow屬性將其裁剪：

.container {
width: 300px;
height: 300px;
overflow: hidden;
}
.container img {
width: 100%;
}

這將使圖像適應(yīng)300x300像素的容器，并在超出容器范圍時(shí)進(jìn)行裁剪。

總結(jié)起來，通過使用CSS的width屬性和一些布局技巧，我們可以輕松實(shí)現(xiàn)圖像的自適應(yīng)大小和居中。