Question

我正在做一个学校项目，我想要的是一种导航页面的方法，如下所示：

＆＃13;

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; 
}

＆＃13;

<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/>

＆＃13;

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

Answer 1

table {
position: fixed;
top: 0;
}

Answer 2

使用fixed位置并调整如下：

table {
    width:500px;
    text-align:center;
    position:fixed;
    left:50%;
    margin-left:-250px; /*1/2 of the total width*/
}

http://jsfiddle.net/tjqzfrb0/

如何将固定桌面置于顶部中心

2 个答案: