html - 如何在调整大小时阻止导航栏换行到第二行,如 FB 导航栏?

标签 html css wordpress navbar window-resize

<分区>

当屏幕调整大小/缩小时,我的导航栏重叠/换行到第二行。这看起来很乱。我为媒体设备使用了切换按钮,但这并没有解决人们何时调整窗口大小时的问题。

有两个网站我可以举例说明我希望通过我的导航栏/页面实现的目标:

  1. https://www.facebook.com/
  2. http://www.dailymail.co.uk/home/index.html

请注意,这两个网站在调整屏幕大小时,页面保持不变;尽管窗口缩小了,但页面上的任何内容都没有减少。导航栏保持不变。

这是我想要实现的,但我不确定如何实现?

是否可以仅通过菜单/导航栏实现这一点?而不是让整个网站固定在原位?

最佳答案

尝试使用 display:table-cell 设置导航栏元素的样式,父元素应为 display:table

或者您可以使用 flex .

关于html - 如何在调整大小时阻止导航栏换行到第二行,如 FB 导航栏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45588743/

相关文章:

html - 空白属性 CSS

html - CSS 与复选框列表对齐 (runat=Server)

javascript - jquery 编辑链接 href 如果 body class = x

javascript - jqgrid 寻呼机在插入新网站时失去良好的风格

php - WordPress:自定义用户未出现在作者框中

jquery - jQuery 和父 div 的 IE7 z-index 问题(可能是堆栈上下文问题)

html - 如何让我选择的标签改变颜色?

jquery - onclick div值改变

php - 在搜索引擎上提交时如何删除 URL 参数

asp.net - 使用 Paypal 订阅(Netflix 风格)