第一个锚链接到#
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>';