css - 奇怪的 CSS 问题 - 标签中的文本得到 "pushed down"

Question

我有一个奇怪的问题。

在我的页面上，http://radiovalerie.org/ - 包裹在超链接标签中的文本被稍微下推，就好像它应用了一些额外的“行高”属性，但我不知道从 CSS 中的什么地方调用这个属性。

示例:页面右侧的“通过 → iTunes • Winamp • WindowsMedia 收听”。“Listen via”部分是正常的，但是一旦超链接开始出现在它之后，就好像它们具有不同的行高一样。

我直接梳理了网站的 .css 文件，并使用 Chrome 的元素检查器窥探了代码，但我似乎无法找到导致超链接文本看起来略有偏差的罪魁祸首。

有没有人有什么想法？

Answer 1

你的 reset.css 第 20 行包括

vertical-align: middle;

当我在 Safari 元素检查器中取消这一行时，有问题的文本跳回与“Listen via...”一致。

你可以通过添加来覆盖它

vertical-align: top;

进入 style.css，在第 166 行开始的 block 中。

最初的问题很可能是由于该字体中标准文本的高度与 <a> 的高度不同引起的应用了重置 CSS 的元素。