将页脚标记移动到中心

Question

我正在开发一个改编自http://joelb.me/scrollpath/的网站 我想重新定位页脚菜单，它是浮动到中心的。我从3天开始研究这个问题。请帮助

Answer 1

我检查了您在上述问题中提供的网址。导航具有position: fixed。因此，添加几个CSS属性就可以完成这项工作。您可以添加以下属性。

width: 320px;
left: 50%;
margin-left: -160px;

诀窍是将left赋予50％，使元素在视口的（垂直）中心之后开始渲染。然后将margin-left作为否定，将其稍微向后拉。现在，将margin-left的大小作为元素的width的一半，将确保元素被拉回到左边，使其垂直中心与视口的垂直中心重合。

Answer 2

如果您正在谈论页脚上的导航菜单..以下是您可以这样做的方法..

1. 将课程应用于<nav>，即<nav class='scrollNav'>

2. 为类scrollNav

   添加CSS样式表

   .scrollNav {
       margin: 0 auto;
       width: 400px;
       position: absolute;
       bottom: 0;
       left: 0;
       right: 0;
   }
   

保证金将导航中心。您可以根据菜单栏宽度选择宽度。用绝对覆盖位置，以便左，右和底部位置起作用。并使左，右，底部为0.这样它就会坚持到底..

我希望有帮助..

谢谢和问候，

Rahul Patil