我有一个奇怪的问题。
在我的页面上，http://radiovalerie.org/ - 包含在超链接标记中的文本会稍微向下推，就像它应用了一些额外的“line-height”属性一样，但我不知道这个属性在哪里在CSS中调用。
示例：页面右侧的“收听→iTunes•Winamp•WindowsMedia”。 “Listen via”部分是正常的，但是一旦超链接开始在它之后，它几乎就像它们具有不同的行高。
我直接梳理了网站的.css文件，并使用Chrome的元素检查器窥探了代码，但我似乎无法追查导致超链接文本稍微偏离的罪魁祸首。
有人有什么想法吗？
答案 0 :(得分：2)
您的reset.css第20行包含
vertical-align: middle;
当我在Safari元素检查器中取消此行时，相关文本跳回到“Listen via ...”。
您可以通过添加
来覆盖此内容vertical-align: top;
进入style.css，在第166行开始的块中。
原始问题很可能是由于该字体中标准文字的高度与应用了重置css的<a>元素的高度不同造成的。
答案 1 :(得分：2)
您reset.css的第20行
vertical-align: middle;
这就是推文的原因。
简单地删除它或更改为链接上的top。
答案 2 :(得分：0)
在FireFox中，链接显示更高而不是文本。禁用style.css中a标签的底部填充将它们向下移动到甚至包含文本。
在Chrome中，从reset.css禁用vertical-align: middle似乎可以解决问题。这似乎是css重置的奇怪设置。同样的更改还修复了FireFox中的显示而不更改填充。
考虑到Chrome和FireFox之间显示屏的细微差别，您可能需要考虑不同的CSS重置。