在使用CSS布局图片时，经常会遇到图片下边有一片空白的情况。这是为什么呢？

这个问题实际上是由于图片默认的垂直对齐方式造成的。图片通常默认垂直对齐方式为基线（baseline），而文字则是以基线为参考线对齐的。因此，如果在同一行中有文字和图片，那么图片的下边界实际上是在基线以下的，所以会出现一片空白。

那么怎么解决这个问题呢？我们可以将图片的垂直对齐方式设置为顶部（top），这样就可以将图片的下边界与基线对齐了。具体的代码如下：

img {
vertical-align: top;
}

这段代码将图片的垂直对齐方式设置为顶部，这样就可以消除图片下方的空白了。