css - 将页脚标签移到中心

Question

我在一个改编自 http://joelb.me/scrollpath/ 的网站上工作我想重新定位 float 到中心的页脚菜单。从 3 天开始，我一直在研究这个问题。请帮忙

Answer 1

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

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

诀窍是将 left 设为 50%，这使得元素在视口(viewport)的(垂直)中心之后开始渲染。然后将 margin-left 设为负值，将其稍微向左拉。现在，将 margin-left 的大小设为元素 width 的一半将确保元素被拉回到左边，使其垂直中心与视口(viewport)的那个。