Question

我想并排显示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>

Answer 1

<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启用滚动条（如果需要）

显示div并排浮动左侧不起作用

1 个答案: