Fatal编程技术网
  • html/
  • Html 分辨率更改时的水平菜单中断

Html 分辨率更改时的水平菜单中断

html css browser

Html 分辨率更改时的水平菜单中断,html,css,browser,Html,Css,Browser,我有一个水平菜单，很好用。当分辨率改变，变小到1024*768时，菜单会中断到第二行，这有点混乱。你知道如何让它保持在一条直线上，或者做一些技术上合适的事情吗？ 附言：我不想使用JQuery。我使用自己的代码。 提前感谢。使用菜单id的min width属性。这将限制您的div在达到某个限制后不会向下滑动 例如： #menu{ background:#A1DBE6; min-width:xx; /* You can replace your value in pixels instead of

我有一个水平菜单，很好用。当分辨率改变，变小到1024*768时，菜单会中断到第二行，这有点混乱。你知道如何让它保持在一条直线上，或者做一些技术上合适的事情吗？ 附言：我不想使用JQuery。我使用自己的代码。
提前感谢。

使用菜单id的
min width
属性。这将限制您的div在达到某个限制后不会向下滑动

例如：

#menu{ background:#A1DBE6; min-width:xx; /* You can replace your value in pixels instead of xx */}
希望这有帮助。

你能提供一段代码吗？
    • CSS:
      菜单{background:{A1DBE6；}菜单{margin:0；padding:7px；列表样式：无；边框顶部：2px实心{6C939A；}菜单{margin 0；padding:0；显示：inline；}谢谢你的回答，我明白了重点和我的解决方案。然而，另一个问题刚刚出现。我用百分比定义了所有内容，当我设置最小宽度时，在低分辨率下，所有内容都会改变，但菜单会改变，这并不好，因为会出现一个水平滚动，显示布局外的菜单。在这种情况下，您建议我做什么？提供一个JSFIDLE代码（不要像前面那样粘贴在这里）以了解您的实际问题。-@KavehNow在#菜单中添加最小宽度，看看会发生什么！