需要CSS布局建议
我有一些过滤器列表。我的目标是让它们显示为彼此相邻的三行(cb1&2/cb3&4/cb5) “checkbox\u container”块是通过CMS自动创建的。因此,我不能在两者之间添加div来创建列 我可以通过绝对定位来实现这一点,但我不希望将来过滤器发生变化,从而导致布局问题 有没有人有一个聪明的主意如何用CSS和/或JS实现这一点 这是CMS输出的复选框容器的基本结构需要CSS布局建议,css,layout,Css,Layout,我有一些过滤器列表。我的目标是让它们显示为彼此相邻的三行(cb1&2/cb3&4/cb5) “checkbox\u container”块是通过CMS自动创建的。因此,我不能在两者之间添加div来创建列 我可以通过绝对定位来实现这一点,但我不希望将来过滤器发生变化,从而导致布局问题 有没有人有一个聪明的主意如何用CSS和/或JS实现这一点 这是CMS输出的复选框容器的基本结构 <div class="checkboxes"> <div class="checkbox_con
<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>
这里是jsfiddle.net/50t7oLga/1,使用带方向栏的flexbox,并给包装器一个高度,以迫使物品包装您是否可以提供一个结果应该是什么样的scetch?它应该是3行,第一行是cb01和cb02吗?他们在一起吗?他们挨着吗?这里有一个你可以做的小例子:这就是你想要的吗?谢谢你的评论@FrankProvost。下面是一个示例,它应该是什么样子(如果可以设置更多div,我会怎么做)。在这里,使用带有方向栏的flexbox,并给包装器一个高度来强制包装项目。就是这样@Raevenk!这正是我所希望的。我确信flexbox可以为我做些什么。。。