小编ane*_*109的帖子

我尝试使用 NVM 在 WSL 上安装 Node LTS。当我成功安装 nvm 时，使用 Node 安装出现nvm install --lts了一些错误：

mv: cannot move '/home/anesin1109/.nvm/.cache/bin/node-v10.15.3-linux-x64/files/bin' to '/home/anesin1109/.nvm/versions/node/v10.15.3/bin': Permission denied
mv: cannot move '/home/anesin1109/.nvm/.cache/bin/node-v10.15.3-linux-x64/files/include' to '/home/anesin1109/.nvm/versions/node/v10.15.3/include': Permission denied
mv: cannot move '/home/anesin1109/.nvm/.cache/bin/node-v10.15.3-linux-x64/files/lib' to '/home/anesin1109/.nvm/versions/node/v10.15.3/lib': Permission denied
mv: cannot move '/home/anesin1109/.nvm/.cache/bin/node-v10.15.3-linux-x64/files/share' to '/home/anesin1109/.nvm/versions/node/v10.15.3/share': Permission denied

我试图手动移动这些文件，但它也以这些错误结束。

我尝试nav-tabs从 Bootstrap 4开始使用，当它有太多项目时，我想让它可以滚动。

首先，默认行为是将项目移动到下一行。我用white-space: nowrap和解决了这个问题flex-wrap: nowrap。

我意识到即使有一个禁用的滚动条，容器也在沿 x 轴扩展。我试图用 Give 修复它max-width: 100%，但它不起作用。我发现使用特定的 px 值可以使它工作，但这对我来说不是一个好的解决方案。

HTML：

<ul class="nav nav-tabs">
  <li class="nav-item px-1">
    <a class="nav-link active">Active Tab</a>
  </li>
  <li class="nav-item px-1">
    <a class="nav-link">Tab</a>
  </li>
  <li class="nav-item px-1">
    <a class="nav-link">Tab</a>
  </li>
</ul>

CSS：

.nav {
  white-space: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch
}

.nav li {
  display: inline-block
}