在網站開發中經常會遇到圖片和文字不對齊的情況，這時候我們就需要使用CSS來調整圖片和文字的布局。

首先要明確的是，圖片和文字的對齊可能會因為很多原因導致不同，比如字體大小、行高、圖片大小等等。因此我們需要針對每種不同的情況做出相應的調整。

下面是一些常見的情況和對應的解決方案：

img {
vertical-align: middle; /* 讓圖片與文字豎直居中對齊 */
}

這個屬性可以讓圖片居中對齊，但要注意的是需要將圖片設為行內元素才能生效。

p {
line-height: 圖片高度 + n; /* 讓行高和圖片高度相同，再加上一定的值 */
}
img {
vertical-align: bottom; /* 將圖片底部與文字對齊 */
}

如果希望讓文字的行高和圖片高度相同，則可以使用上述代碼。這里需要注意的是增加一個合適的值以避免文字與圖片重疊。同時需要將圖片垂直對齊的方式設置為底部，這樣圖片就會與文字底部對齊。

img {
position: absolute;
top: 50%;
transform: translateY(-50%); /* 讓圖片水平居中，垂直居中 */
}

如果希望讓圖片與文字水平和豎直居中對齊，則可以使用上述代碼。需要將圖片的position設置為絕對定位，并使用top和transform的方式讓圖片垂直居中。

總之，調整圖片和文字的布局是一件比較麻煩的事情，需要根據具體情況進行不同的調整。因此在網站開發中，我們需要不斷學習和嘗試，才能在遇到難題時能夠解決。