在網頁設計過程中，經常會遇到文字與圖片不齊的問題。這種情況往往會讓網頁看起來不協調，降低用戶體驗。CSS 提供了一些方法來解決這個問題。

下面是幾種常見的情況及對應的解決方法。

img {
vertical-align: middle;
}

一般情況下，圖片和文字之間的空隙是由于圖片默認以基線（baseline）對齊。可以通過設置圖片的 CSS 屬性 vertical-align 來解決。在本例中，將 vertical-align 設置為 middle，即可使圖片垂直居中。

.image-container {
display: flex;
align-items: center;
}
.image-container img {
margin-right: 10px;
}

如果希望實現圖片和文字水平居中，可以使用 Flexbox。將圖片容器的 display 屬性設置為 flex，然后通過 align-items：center 來垂直居中。最后通過設置 img 的 margin-right 來實現文字和圖片的間距調整。

.image-container {
position: relative;
display: inline-block;
}
.image-container img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

在一些需要實現定位的情況下，可以使用 position 屬性。在本例中，圖片容器的 position 屬性設置為 relative，然后將 img 的 position 屬性設置為 absolute，top 和 transform 屬性用來調整垂直居中。通過這種方式可以使圖片和文字達到完美對齊效果。

總之，CSS 提供了很多方法來解決圖片和文字不齊的問題，我們只需要根據具體情況選取合適的方法即可。