css - 将页脚标签移到中心

Question

我正在开发一个改编自http://joelb.me/scrollpath/的网站 我想重新定位从左浮动到中心的页脚菜单。我从 3 天开始就一直在做这件事。请帮助

Answer 1

我已经检查了您在上述问题中提供的 URL。导航有position: fixed。因此，添加几个 CSS 属性就可以了。您可以添加以下属性。

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

诀窍是给出left50%，这使得元素在视口的（垂直）中心之后开始渲染。然后将margin-left其作为负数将其稍微拉回左侧。现在，给出margin-left元素一半的大小width将确保元素被拉回左侧，使其垂直中心与视口的垂直中心重合。

Answer 2

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

1. 将一个类应用于<nav>ie<nav class='scrollNav'>

2. 为类 scrollNav 添加 CSS 样式表

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

边距将使导航居中。您可以根据菜单栏宽度选择宽度。用绝对值覆盖位置，以便左、右和底部位置起作用。并使左，右，下为0。这样它就会粘在底部..

我希望这有帮助..

谢谢并恭祝安康，

拉胡尔·帕蒂尔