在使用CSS布局圖片時，經常會遇到圖片下邊有一片空白的情況。這是為什么呢？

這個問題實際上是由于圖片默認的垂直對齊方式造成的。圖片通常默認垂直對齊方式為基線（baseline），而文字則是以基線為參考線對齊的。因此，如果在同一行中有文字和圖片，那么圖片的下邊界實際上是在基線以下的，所以會出現一片空白。

那么怎么解決這個問題呢？我們可以將圖片的垂直對齊方式設置為頂部（top），這樣就可以將圖片的下邊界與基線對齊了。具體的代碼如下：

img {
vertical-align: top;
}

這段代碼將圖片的垂直對齊方式設置為頂部，這樣就可以消除圖片下方的空白了。