如何删除标题img下方的空格

Question

有人能告诉我，无论我做什么，我的页眉img下面都有一个小缺口吗。这是我的css

.site-header {
position: relative;
border-bottom: 5px solid #121212;
padding: 0px !important;
margin: 0px !important;

}

我的网站Gfx隐藏

Ps在平板电脑上，这样我就无法检查了。谢谢你抽出时间。

Answer 1

只需将display:blockcss添加到标题图像

这将删除img标记下方的空间，默认情况下为display:inline。

你看到的空间是为后代准备的。这个空格是为"y"、"p"等字符保留的。

Answer 2

添加display:block;到标题img

header img{display:block;}

Answer 3

我同意@Gautam Naik的观点，你可以将你的图像CSS设置为display:block，但另一个问题是你有：

border-bottom: 5px solid #121212; 

在你的.site头类中，这对我来说没有多大意义，还会在你的头图像、导航和内容分区之间增加多余的空间。试着删除它来测试我在说什么！