Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
需要CSS布局建议_Css_Layout - Fatal编程技术网

需要CSS布局建议

需要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

我有一些过滤器列表。我的目标是让它们显示为彼此相邻的三行(cb1&2/cb3&4/cb5)

“checkbox\u 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>


这里是jsfiddle.net/50t7oLga/1,使用带方向栏的flexbox,并给包装器一个高度,以迫使物品包装

您是否可以提供一个结果应该是什么样的scetch?它应该是3行,第一行是cb01和cb02吗?他们在一起吗?他们挨着吗?这里有一个你可以做的小例子:这就是你想要的吗?谢谢你的评论@FrankProvost。下面是一个示例,它应该是什么样子(如果可以设置更多div,我会怎么做)。在这里,使用带有方向栏的flexbox,并给包装器一个高度来强制包装项目。就是这样@Raevenk!这正是我所希望的。我确信flexbox可以为我做些什么。。。