html - 如何在顶部居中固定表格

Question

我正在做一个学校元素，我想要的是一种导航页面的方式，如下所示:

body
{
background-color:rgb(255, 255, 240);
}
a
{
font-family:Pin;
font-size:50;
text-decoration: none;
color:black;
}
table
{
width:500px;
text-align:center;
width:500px; 
}

<table align="center">
<tr>
<td><a href="">Hem</a></td>
<td><a href="">Om</a></td>
<td><a href="">Kontakt</a></td>
<td><a href="">Oss</a></td>
</tr>
</table>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

但是当我向下滚动时，我希望它固定在页面顶部。我试过使用 position:fixed，但是它在左边，然后我不确定如何再次将它居中。

Answer 1

table {
position: fixed;
top: 0;
}