删除div中图片下方的白色填充

时间:2013-01-26 17:53:54

标签: html css

在每个缩略图下方的website下,您会看到大约5个像素的白色填充。但我不知道它来自哪里。当我通过Google Inspect调查时,我没有看到可能导致它的填充。如何删除此白色填充?

4 个答案:

答案 0 :(得分:5)

为图像添加样式:display:block;

答案 1 :(得分:4)

您还可以将此height属性添加到#iri

height: 160px;

答案 2 :(得分:1)

这是一个常见问题。设置:

display: block;

对于图像as instructed here的CSS。

答案 3 :(得分:1)

这不是与填充或边距相关的问题。这是锚标记的默认行为。由于通常锚标签仅包含文本,并且大部分都带有下划线,因此每当锚标记被渲染时,底部会自动添加一个小空格,通常用于小写字母,如“j”,“y”和“q”。

基线下方的空间被称为“下行空间”,因为这是绘制小写字母的下降器的地方。所以当锚标签包含图像时会出现此问题。您可以通过向img { display:block; }

添加样式来解决此问题