在Firefox中,只有我的视频缩略图在图像底部和边界之间神秘地显示了2-3个像素的空白(见下图)。
我在Firebug中尝试了我能想到的所有方法,但都没有成功。
我如何删除这个空白?
在Firefox中,只有我的视频缩略图在图像底部和边界之间神秘地显示了2-3个像素的空白(见下图)。
我在Firebug中尝试了我能想到的所有方法,但都没有成功。
我如何删除这个空白?
当前回答
给出div .youtube-thumb图像的高度。这应该会在Firefox浏览器中设置问题。
.youtube-thumb{ height: 106px }
其他回答
因为img默认情况下是一个内联元素,所以您看到了下移元素(挂在'y'和'p'底部的位)的空间。这消除了差距:
.youtube-thumb img { display: block; }
如果你想保留图像为内联,你可以把vertical-align: top或vertical-align: bottom放在上面。默认情况下,它是在基线上对齐的,因此它下面的几个像素。
如果你不想修改块模式,你可以使用下面的代码:
img{vertical-align:text-bottom}
或者你可以用Stuart建议的following:
img{vertical-align:bottom}
给出div .youtube-thumb图像的高度。这应该会在Firefox浏览器中设置问题。
.youtube-thumb{ height: 106px }
.youtube-thumb img {display:block;} or .youtube-thumb img {float:left;}