需要CSS佈局建議

我有幾個過濾器列表。我的目標是讓它們顯示爲彼此相鄰的三排（cb1 & 2/cb3 & 4/cb5）。需要CSS佈局建議

「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>

來源

2016-01-20 The Gmo

你能提供可能的結果應該是什麼樣一個scetch ？它應該是3行，首先是cb01＆cb02？他們在彼此之上？他們彼此相鄰嗎？這裏是你可以做的一個小例子：https://jsfiddle.net/cnthr03z/ –

這是你在找什麼https://jsfiddle.net/y8qywooy/3/？ –

感謝您的評論@FrankProvost。下面是一個例子，它應該是什麼樣子的（以及如果我可以設置更多的div，我會怎麼做）。 https://jsfiddle.net/gmodesignz/6bodqqm7/ –

在這裏你去jsfiddle.net/50t7oLga/1，使用與方向柱Flexbox的，給包裝的高度，迫使項目來包裝

來源

2016-01-20 12:34:27 Raevenk

需要CSS佈局建議

回答

相關問題