css - 将页脚标签移到中心

Question

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

score 1 · Accepted Answer

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

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

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

score 0 · Accepted Answer

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

为类 scrollNav 添加 CSS 样式表

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

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

我希望这有帮助..

谢谢并恭祝安康，

拉胡尔·帕蒂尔

2 回答 2