1

我有一个以前从未遇到过的奇怪问题:当我将锚标记添加到 a <h1>or<li>元素中的文本时,文本会向下(在此元素内)移动几个像素。

添加锚点后,包含元素的填充和边距不会改变。

锚本身具有零填充和零边距。

<li>实际上,在 Google Chrome 控制台中,我看不到包含或不包含“锚定”文本的元素之间的任何样式差异。然而,在将锚点应用到它之后,文本会向下移动一点。

作为额外检查,我在 Firefox 和 Google Chome 中查看了该页面(以防万一,禁用和禁用 JavaScript)但行为是持久的。

我在这里想念什么?

更新:我在这里创建了一个实时版本的框架,以便更清楚地展示问题。

4

1 回答 1

1

它与vertical-alignment:middle链接从您的“重置”格式中获取有关 - 在 Firebug 中将其关闭(您的第 9 行style.css),您会注意到链接的文本和菜单中的文本位于同一行列表。

使用 覆盖菜单中元素的vertical-alignment属性,或将这些链接设置为。atopdisplay:block

于 2013-04-16T09:22:56.383 回答