在網頁設計中，圖片與文字是經常同時出現(xiàn)的。而要想讓圖片與文字更加協(xié)調，最好的方式就是將它們居中對齊。在 CSS 中，可以使用以下的方法讓圖片與文字水平居中。

.container {
text-align: center;
}
.container img {
display: inline-block;
vertical-align: middle;
}

這里在 container 的樣式中設置了 text-align 屬性為 center，這會使容器中的所有文本和內聯(lián)元素都水平居中。接下來，在 container 中的 img 元素的樣式中，設置了 display 為 inline-block，并且設置了 vertical-align 為 middle 。這會將圖片居中，并且讓它與周圍的文字垂直居中。

另外，如果要想讓單個圖片水平與垂直都居中，可以使用以下的 CSS 樣式：

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

這個樣式使用了 flex 布局來實現(xiàn)圖片的水平和垂直居中。具體的解釋如下：

• display: flex;：將 .img-container 元素設置為 flex 布局。
• justify-content: center;：將圖片水平居中。
• align-items: center;：將圖片垂直居中。

這就是在 CSS 中設置圖片與文字水平居中的方法。通過使用這些技巧，可以讓網頁中的圖片和文字更加協(xié)調美觀。