Impresspages:底部的站点徽标填充,'Air' 主题;如何删除?
Impresspages: site logo padding on bottom, in 'Air' theme; how to remove?
我搜索了大部分 css 文件,更改了 theme.css 中的徽标填充,但我无法删除站点徽标底部的填充。底部似乎有一个 5px 的填充。有没有办法删除它?谢谢
编辑:这是 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;
}
问题不是填充。问题来自浏览器对 <a>
标签中 img 的解释。默认情况下,所有浏览器都使用 3px 底部 space 呈现图像(它既不是边距也不是填充;只是一个空的 space)。
有两种删除方法:
- 浮动图片
- 将图像显示为块
在这种情况下,我会选择第一个选项。
.logo img {
float: left;
}
我搜索了大部分 css 文件,更改了 theme.css 中的徽标填充,但我无法删除站点徽标底部的填充。底部似乎有一个 5px 的填充。有没有办法删除它?谢谢
编辑:这是 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;
}
问题不是填充。问题来自浏览器对 <a>
标签中 img 的解释。默认情况下,所有浏览器都使用 3px 底部 space 呈现图像(它既不是边距也不是填充;只是一个空的 space)。
有两种删除方法:
- 浮动图片
- 将图像显示为块
在这种情况下,我会选择第一个选项。
.logo img {
float: left;
}