Javascript 禁止换行div，但不要添加默认滚动条

好的，所以我对此有点困惑：正如你在网站上看到的，如果标签太多，它们有水平滚动的标签。我想复制这种效果，但我不知道如何同时防止标签的

元素被包装和滚动。显然，这里需要使用JS。除非有可能获得自定义滚动条

---

我怎样才能做到以上几点？非jQuery解决方案将是非常可取的。

为div提供固定高度和动态长度。其中，div的length属性是通过计算div中所需的列数来实现的

---

为什么厌恶jquery

应该能够使用普通JavaScript或jQuery将计算出的内部div宽度与设置的外部div宽度进行比较。如果

#internal

宽度大于

#outer

，则向其中一个div添加一个类以更改其显示方式。如果没有，请删除该类

标记：

<div id="outer">
  <div id="inner">
  <div class="scroll-button"></div>
   <!-- your tabs here -->
  <div class="scroll-button"></div>
  </div>
</div>

---

这本身并没有回答我的问题，但它确实帮助我找到了问题的答案。我稍后会亲自回答这个问题。不过，也许我的解决方案不是最有效的。接受你的问题。你问题的哪一部分还没有得到回答？我不想使用jQuery的原因是因为它是一个相当大的库，我在这个项目中绝大多数情况下都不会使用它。

#outer{
  width:500px;
  overflow-x:hidden;
}
#outer .scroll-buttons{
  display:none;
}
#outer.has-scroll-buttons .scroll-button{
  display:block;
}