删除图片下方的空白

Remove white space below image(删除图片下方的空白)

问题描述

在 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; }

这篇关于删除图片下方的空白的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！