我有一个以前从未遇到过的奇怪问题:当我向 <h1> 中的文本添加 anchor 标记时或 <li>元素，文本向下移动(在此元素内)几个像素。
添加 anchor 后，包含元素的填充和边距不会改变。
anchor 本身具有零填充和零边距。
实际上，在 Google Chrome 控制台中，我没有看到 <li> 之间有任何样式差异。包含或不包含“锚定”文本的元素。然而，文本在应用 anchor 后向下移动了一点。
作为额外检查，我在 Firefox 和 Google Chome(禁用和不禁用 JavaScript，以防万一)中查看了该页面，但该行为仍然存在。
我在这里错过了什么？
更新:我创建了框架的实时版本 here为了更清楚地展示问题。
最佳答案
它与链接从“重置”格式获得的 vertical-alignment:middle 有关——在 Firebug 中将其关闭(style.css< 中的第 9 行)，你会注意到链接的文本和菜单列表中的文本位于同一行。
用 top 覆盖菜单中 a 元素的 vertical-alignment 属性，或者将这些链接设置为 display : block 。
关于css - 当应用 anchor 标记时，元素内的文本向下移动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16030946/