删除图像下面的空白

在Firefox中，只有我的视频缩略图在图像底部和边界之间神秘地显示了2-3个像素的空白(见下图)。

我在Firebug中尝试了我能想到的所有方法，但都没有成功。

我如何删除这个空白?

当前回答

如果你不想修改块模式，你可以使用下面的代码:

img{vertical-align:text-bottom}

或者你可以用Stuart建议的following:

img{vertical-align:bottom}

其他回答

有了这个问题，在其他地方找到了完美的解决方案，如果你不想使用块只是添加

img { vertical-align: top }

如果你不想修改块模式，你可以使用下面的代码:

img{vertical-align:text-bottom}

或者你可以用Stuart建议的following:

img{vertical-align:bottom}

因为img默认情况下是一个内联元素，所以您看到了下移元素(挂在'y'和'p'底部的位)的空间。这消除了差距:

.youtube-thumb img { display: block; }

.youtube-thumb img {display:block;} or .youtube-thumb img {float:left;}

给出div .youtube-thumb图像的高度。这应该会在Firefox浏览器中设置问题。

.youtube-thumb{ height: 106px }

推荐文章