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

我已经try 了我在Firebug中能想到的一切,但没有成功.

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

显示图像下方空白的屏幕截图

推荐答案

您看到的是下行元素的空间(挂在‘y’和‘p’底部的部分),因为默认情况下,img是一个内联元素.这将消除间隙:

.youtube-thumb img { display: block; }

Css相关问答推荐

与Chrome和Edge相比,背景位置动画在Firefox中运行并不流畅

如何为多个背景和棋盘设置不同的大小

输入中的框始终显示在MUI文本字段中

Firefox中的解决方法:has(不使用JavaScript)

将特定样式应用于递归Angular 元素

如果 css 仅位于 razor 页面中的一页上,我是否仍应在 wwwroot 中写入或仅将其放在页面上?

为什么 CSS Calc() 函数只需要+或-运算符前后有空格

使用CSS Grid是否可以跳过下一列?

没有字母间距的CSS悬停边框

CSS 不要 Select 包含混合内容的 div 中的第一个元素

如何在启动时滚动 div 的底部?

混合模式粘性位置

为什么 flexbox 中的 在应用居中时不会调整大小?

循环一个 sass/scss 变量以生成 css 变量

zoom 时闪烁的背景滤镜模糊

无法更改 div 内链接的悬停 colored颜色

紫色表示访问过的超链接

如何通过单击
  • 激活 HTML 链接?
  • CSSzoom 高度以匹配宽度 - 可能与外形尺寸

    你如何在 SASS 中定义属性 Select 器?