Html 链接到同一页面上的某个元素,并使其在窗口中居中

Html 链接到同一页面上的某个元素,并使其在窗口中居中,html,hyperlink,href,center,centering,Html,Hyperlink,Href,Center,Centering,我正在处理一个页面,该页面有点长,因此我选择使用以下方法链接到该页面的各个部分: <a href="#myID">Link</a> <div id="myID">Content that I would like in center of screen, rather than at the absolute top.</div> 我想要的内容在屏幕中央,而不是绝对的顶部。 一切正常,因为我对这类基本内容相当精通,但我想知道是否有办法使我链

我正在处理一个页面,该页面有点长,因此我选择使用以下方法链接到该页面的各个部分:

<a href="#myID">Link</a>

<div id="myID">Content that I would like in center of screen, rather than at the absolute top.</div>

我想要的内容在屏幕中央,而不是绝对的顶部。
一切正常,因为我对这类基本内容相当精通,但我想知道是否有办法使我链接到的内容距离浏览器窗口顶部稍远一点,而不是直接位于顶部。它不必完全居中,也许100像素左右的边缘就可以了


谢谢

您只需添加一点CSS即可:

#myID {
   margin-top: 100px;
}
希望有帮助


<head>
<script>

function change()
{
document.getElementById("myID").style.marginTop="100px";
}
</script>
</head>
<body>
<a href="#myID" onclick="change()">Link</a>

<div id="myID">Content that I would like in center of screen, rather than at the absolute top.sss
<pre>
s
s
s
s
s
s</pre>
</div>
</body>
函数更改() { document.getElementById(“myID”).style.marginTop=“100px”; } 我希望内容位于屏幕中央,而不是绝对顶部。sss s s s s s s
当然,这是一种有效的方法。不确定您是否理解我的问题…我知道我正确链接到元素。我想问的是,当点击链接后出现内容时,是否有办法使内容更靠近屏幕中央。我不喜欢把它一直放在窗口的顶部。我很确定迪奥多斯理解,并且回答了你关于使用边距做你想做的事情的评论。不。我不想在元素本身上留空白。这一页看起来不错。我链接到同一页面中的元素,在链接时,我跳转到的元素被放置在屏幕的最顶端。我并没有试图移动与页面本身中任何内容相关的元素。我想知道是否有一种方法可以让你链接到同一页面上的项目时,它们不会直接放在屏幕的顶部,而是让页面稍微滚动,这样它们就更靠近中心了。谢谢!我想这对我所有的身份证来说都是一件麻烦的事,所以我就不谈了。这并不是什么让我太烦恼的事,所以我就顺其自然了。不过,谢谢你的帮助