1

我想并排显示 div 。内部 div 是动态的意味着我正在使用淘汰赛绑定。所以内部 div 的数量是未知的。我想随着 div 数量的增加出现一个水平滚动条。我正在使用浮动左属性。但是，只要我给中间 div 提供宽度，它就会垂直显示，但问题是我事先不知道宽度

<div style="width:400px;overflow-x:hidden;overflow-y:auto;">
    <div data-bind="foreach:Members">
        <div style="width:100px;float:left;">test</div>
    </div>
</div>
4

1 回答 1

3 
<div style="width:400px;overflow-x:hidden;overflow-y:auto;">
  <div data-bind="foreach:Members" style="white-space:nowrap; overflow:auto">
    <div style="width:100px;display:inline-block;">test</div>
  </div>
</div>

display:inline-block确保多个 div 可以显示在同一行

white-space:nowrap强制所有 div 在一行上

overflow:auto如果需要，启用滚动条

于 2013-08-28T08:39:13.293 回答