javascript - 宽度未知的中心固定菜单

标签 javascript css

我需要一个居中并固定在页面顶部的菜单。菜单的内容是动态的,所以它的宽度是事先不知道的。我在网上找到的解决方案假设宽度已知,或者位置不固定。

有办法吗?

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

最佳答案

阅读this .通过图表和演示回答大多数核心问题。

在您的情况下,最简单的方法可能就是使用两个元素。在最外层的 div 上使用 position: fixedtext-align: center。然后将居中元素设置为display: inline。 (执行此操作时必须注意字符空间。)

看这里:

http://codepen.io/pen/7169/1

关于javascript - 宽度未知的中心固定菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11254839/

相关文章:

javascript - 尝试将 HTML 文件转换为包含套接字 io 的 JavaScript 时出现语法错误,SyntaxError : Unexpected token <

javascript - AJAX 响应未分配给变量

javascript - CSS 表格高度

html - 菜单不会位于视差图像之上

javascript - Canvas 菜单不适用于 Iphone 5

CSS 空白 : nowrap causes container to expand to fit all text

javascript - js测量可见高度与div总高度的差值

javascript - jQuery全屏部分向左滑动,向右滑动

javascript - jquery - 编辑内容时更新和清除文本区域不起作用

jquery - 在嵌套 DIV 的情况下将图像设置在 DIV 的中间