第一个锚链接到#

First anchor links to #

我有一个如下所示的数组:

$anchors = array('A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'X', 'Y', 'Z', 'Å', 'Ä', 'Ö', '1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '"');

然后我 link 每个字母到它的锚点:

foreach ($anchors as $anchor){
echo '<h2 style="display:inline; margin-left:25px; margin-bottom:15px;"> <a href="#' . $anchor . '">' . $anchor . ' ' . '</h2>';
}
echo '<div style="margin-top:100px;"></div>';

foreach ($anchors as $anchor2){
echo '<h3 id="' . $anchor2 . '">' . $anchor2 . '</h3>';

然后是进一步的代码,我让锚点显示并按预期工作,除了第一个锚点 'A' links 到 #.

所以我得到的差不多是这样的:

A B C

A <- 这个 links 到 #(违背我的意愿)

苹果

攻击

B <-- 这不是 link(正如我希望的那样)

香蕉

兄弟

C <-- 这不是 link(正如我希望的那样)

肉桂

我看不出 'A' 是如何 link 编辑到 # 的。当我单击它时,它会移动到页面顶部。

尝试关闭您的 <a> 标签。试试这个。

foreach ($anchors as $anchor){
echo '<h2 style="display:inline; margin-left:25px; margin-bottom:15px;">
<a   href="#' . $anchor . '">' . $anchor . ' ' . '</a></h2>';
}
echo '<div style="margin-top:100px;"></div>';

foreach ($anchors as $anchor2){
echo '<h3 id="' . $anchor2 . '">' . $anchor2 . '</h3>';