我搜索了大部分css文件,更改了theme.css中的徽标填充,但我无法删除网站徽标底部的填充。底部似乎有一个5倍的衬垫。有没有办法去除这个?谢谢
编辑:这是Air主题的theme.css文件中的代码,在那里我只能找到徽标css引用。再次感谢。
.logo {
margin-top: 20px;
margin-bottom: 0;
display: block;
float: left;
padding: 0px;
}
.logo a {
color: #ffffff;
font-family: 'Cinzel', 'Arvo', serif;
font-size: 12px;
font-weight: bold;
}
[[1]:https://i.stack.imgur.com/abkoc.png][1]
问题不在于填充。这些问题源于浏览器对<a>
标记中img的解释。默认情况下,所有浏览器都使用3px底部空间渲染图像(它既不是空白也不是填充,只是一个空白)。
有两种方法可以去除它:
- 浮动图像
- 将图像显示为块
在这种情况下,我会选择第一个选项。
.logo img {
float: left;
}