Jquery 添加内容时调整水平宽度

在本例中，如何在添加更多div时动态调整body水平滚动

所以跳水队员不要跳线，保持在同一条线上

---

我不想使用

空白：nowrap

，但如果可能的话，可以动态调整身体。

你需要空白规则。比如：

---

唯一的其他方法是将它们放在一个容器中，并使用JS计算项目数乘以其宽度，然后在容器上设置该宽度。然后容器将离开屏幕，但其中的项目将不会包装。

只需将所有.columns宽度相加即可

  var totalWidth = 0;
  $.each($('.column'), function(){
     totalWidth += $(this).width();
  });
  $('.divs').width(totalWidth);

---

您可以将“column”div包装到另一个div中

使用jQuery动态更新div的宽度

var width = $("div.scrollable").width() + 50;
 $("div.scrollable").width(width);

第一:

将所有

a

包装在

然后

添加

空白：nowrap至
列

.column {
      display:inline-block;
      height: 50px;
      background-color: #000;
      width: 50px;
      white-space:nowrap; /*added*/
  }
  a {
      display:inline-block; /*added*/
  }

请确保您在问题中包含足够的代码，以便直接复制问题，链接可能会中断，使您的问题对未来的访问者毫无用处。另外，还不清楚什么是
“动态调整主体”
意味着可以将div添加到宽度非常大的包装器div中。示例：我不想在容器上滚动，但要滚动主体。好的，我已经更新了上面的链接以滚动主体。
.column {
      display:inline-block;
      height: 50px;
      background-color: #000;
      width: 50px;
      white-space:nowrap; /*added*/
  }
  a {
      display:inline-block; /*added*/
  }