我怎样才能停止我的网站水平滚动，而不是让它换行？

Question

感谢您解决这个问题，这可能是重复的，但我是新手，想知道如何停止我网站上的水平滚动，这里有一个 link 作为代码笔 codepen and here is it on github github 正如我所提到的，我正在努力让水平滚动停止，我宁愿它换行而不是滚动到白色 space 这是问题的一个例子example of the issue 谢谢导航栏代码，因为这是导致问题的原因

  <nav class="navbar">
<div class="logo">
  <a href=index.html>
    <img src="Addy Schroeders.png" width="60px" height="60px">
  </a>
</div>
<div class="menu">
  <li>
    <a href="/">
      Home
    </a>
  </li>
  <li>
    <a href="/">
      About
    </a>
  </li>
  <li>
    <a href="/">
      help and resources
    </a>
  </li>
  <li class="services">
    <a href="/">
      pages
    </a>
    <!-- DROPDOWN MENU -->
    <ul class="dropdown">
      <li>
        <a href="template.html">
          Dropdown 1
        </a>
      </li>
      <li>
        <a href="/">
          Dropdown 2
        </a>
      </li>
      <li>
        <a href="/">
          Dropdown 2
        </a>
      </li>
      <li>
        <a href="/">
          Dropdown 3
        </a>
      </li>
      <li>
        <a href="/">
          Dropdown 4
        </a>
      </li>
    </ul>
  <li>
    <a href="/">
      Contact
    </a>
  </li>
</div>
</ul>

Answer 1

要换行内容，可以使用display: flex和flex-wrap: wrap。这应该会换行并解决您的问题！

Answer 2

flex-wrap CSS 属性可以帮助您设置 flex 项目是一行，还是可以换行。

我怎样才能停止我的网站水平滚动，而不是让它换行？

how can I stop my site scrolling horizontaly and instead have it wrap onto a new line?

html

css

scroll