删除图片下方的空白

在 Firefox 中,只有我的视频缩略图会在我的图像底部和边框之间显示 2-3 像素的神秘空白(见下文).

In Firefox only my video thumbnails are displaying mysterious 2-3 pixels of white space between the bottom of my image and its border (see below).

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

I've tried everything I can think of in Firebug with no luck.

我怎样才能删除这个空白?

How can I remove this white space?

推荐答案

你看到了下行空间(挂在 'y' 和 'p' 底部的位),因为 img 默认情况下是一个内联元素.这消除了差距:

You're seeing the space for descenders (the bits that hang off the bottom of 'y' and 'p') because img is an inline element by default. This removes the gap:

.youtube-thumb img { display: block; }

相关文章