需要CSS布局建議

Question

我有一些過濾器列表。 我的目標是使它們顯示為彼此相鄰的三行（cb1＆2 / cb3＆4 / cb5）。

“ checkbox_container”塊是通過CMS自動創建的。 因此，我不能在兩者之間添加div來創建列。

我可以通過絕對定位來做到這一點，但最好不要在以后更改濾鏡而導致布局問題的情況下這樣做。

有誰知道如何使用CSS和/或JS實現這一目標？

這是CMS輸出的復選框容器的基本結構。

<div class="checkboxes">
  <div class="checkbox_container cb01">
    <div class="entry"></div>
  </div>
  <div class="checkbox_container cb02">
    <div class="entry"></div>
    <div class="entry"></div>
  </div>
  <div class="checkbox_container cb03">
    <div class="entry"></div>
    <div class="entry"></div>
  </div>
  <div class="checkbox_container cb04">
    <div class="entry"></div>
  </div>
  <div class="checkbox_container cb05">
    <div class="entry"></div>
    <div class="entry"></div>
    <div class="entry"></div>
    <div class="entry"></div>
  </div>
</div>

Answer 1

在這里，您轉到jsfiddle.net/50t7oLga/1，將flexbox與direction列一起使用，並給包裝器一個高度，以強制包裝項目