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

时间:2017-08-09 10:56:59

标签: html css wordpress navbar window-resize

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

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

  1. https://www.facebook.com/
  2. http://www.dailymail.co.uk/home/index.html
  3. 请注意,对于这两个网站,当屏幕调整大小时,页面保持不变;虽然窗口减少了,但页面上没有任何内容减少。导航栏保持不变。

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

    只有菜单/导航栏才能实现这一目标吗?而不是整个网站固定的位置?

    所有回复都将非常感谢!

    谢谢!

    约翰。

1 个答案:

答案 0 :(得分:0)

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

或者您可以使用flex