Html 如何设置<；的边框底部样式；strong>；文本

在这一页（）我列出了两篇不同的文章。一个是大胆的，一个是正规的。它们都是带有3px边框底部的链接。但是，粗体字体的边框底部被向下推，略低于常规字体

---

有人能告诉我CSS中的额外空间是在哪里定义的吗？

看起来这些实际上是不同的字体变体：字体的权重是400和700，所以700字体的大小/高度可能稍有不同，以便将更粗体的字母放入行中

但是，粗体字体的边框底部被向下推，略低于常规字体

否。在链接

Like

下，边框在第一个字符

L

下方7px，在链接

Pro-Life vs-Pro-Birth

下，边框在字符

p

下方7px。也许你被

灯中的
g
迷惑了

注：我通过打印屏幕和粘贴到photoshop来检查距离。
我在Firefox上看得很清楚，你使用的是什么浏览器？在Chrome上有一个区别：嗯，我没有看到图像。您使用的是哪个版本的chrome和操作系统？我的chrome 53.0.2785.143 window 10中的差异没有你的图像中的差异大。此外，我还询问了一个与你的网站相关的问题，你可能会感兴趣。这个问题是关于一个不同的问题。如果你在Chrome中查看它，你会看到不同。这是一种真正的差异，而不仅仅是一种感知。我在“Pro Life vs.”行中添加了一个小写的“g”，它不会改变或向下推下划线。这是第一行中粗体字体的实际问题。我在chrome/windows10中进行了检查。两个链接的
边框底部
正好位于其对应的第一个字符下方。将
g
添加到
Pro-Life
不会使下划线变大，这是预期的行为。如果你愿意，我可以用Photoshop的选框工具上传显示7px距离的缩放图像。我感谢你在这方面的帮助，但如果你看这张图像（），你会发现肯定有区别。我知道下面的边框底部是7px，但我的问题是为什么它现在在顶部链接中显示为7px？@NateHanson如果您更改
字体系列
，问题是否仍然存在？您可以通过在开发工具中更改
字体系列
来检查这一点。我认为你使用的深红色字体有问题。你能告诉我你在哪里看到400和700的定义吗？我甚至找不到。在浏览器的开发者工具中——在我的例子中是Firefox/Mac，当你选择“a”标签并切换到开发者工具中的“字体”选项卡时（可能名称稍有不同——我这里有德语版本）