我需要一个居中并固定在页面顶部的菜单。菜单的内容是动态的,所以它的宽度是事先不知道的。我在网上找到的解决方案假设宽度已知,或者位置不固定。
有办法吗?
欢迎使用 CSS 和 JavaScript 解决方案。
最佳答案
阅读this .通过图表和演示回答大多数核心问题。
在您的情况下,最简单的方法可能就是使用两个元素。在最外层的 div 上使用 position: fixed
和 text-align: center
。然后将居中元素设置为display: inline
。 (执行此操作时必须注意字符空间。)
看这里:
关于javascript - 宽度未知的中心固定菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11254839/