Javascript 中心固定菜单，宽度未知

我需要有一个菜单居中并固定在页面顶部。菜单的内容是动态的，因此其宽度事先不知道。我在web上找到的解决方案假设要么宽度已知，要么位置不固定

有办法做到这一点吗

欢迎使用CSS和JavaScript解决方案。

阅读。用图表和演示回答大多数中心问题

在您的情况下，最简单的方法可能只是使用两个元素。在最外层的div上使用

position:fixed

和

text align:center

。然后将居中元素设置为

display:inline

。（执行此操作时，必须小心使用字符空格。）

请看这里：

---

只需创建一个包装器div，并将其设置为“固定”，然后将“对齐到中心”。这会给你你想要的

​<div style="position: fixed; top: 0; width: 100%;" align="center">
    <ul>
        <li>Menuitem</li>
        <li>Menuitem2</li>
    </ul>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

​

梅努伊特姆
菜单项2

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

如果是菜单，则显示：inline block；也许是更好的选择。就像我认为你的意思是

文本对齐

align

不是css属性。您可以使用。它不是CSS，但它是一个标记工具。align不受欢迎，因为它引入了奇怪的文档流问题。因此，它不是未来的证明。如果你关心你的布局在将来的工作，你真的不应该使用它。