php - 如何动态地将列表分成不同的div

标签 php html css laravel-blade

你好,

我的页面中有一个类别列表,但可以随时添加或删除它。你能帮我制定一个循环,将我的列表分成每个 div 最多 5 个列表吗?

例如

foreach($categories as $cat)
  <label><input type ="checkbox"><?php echo $cat->name ?></label></br>
endforeach

上面的代码将在 1 列中生成一个复选框列表

enter image description here

所以我尝试了这个循环

<?php $count = 0; ?>
    @foreach($categories as $cat)
    @if($count == 0)
    <div class="col-md-4">
    @elseif($count == 5)
    <?php $count = 0; ?>
    </div>
    @endif
    <label><input type="checkbox" value="{{$cat->xid}}">{{$cat->category}}</label><br>
    <?php $count++; ?>
    @endforeach

它是这样生成的

enter image description here

但它只包装列表中的前 5 个元素,接下来的 5 个元素不起作用。你能帮帮我吗:)非常感谢你的建议

最佳答案

以下是您的代码,我对其进行了修改以生成所需的布局。您需要将 CSS 应用于 class="col-md-4"以根据您的要求分隔每个 block 。

<?php $count = 0; ?>
 @foreach($categories as $cat)
 @if($count == 0)
   <div class="col-md-4">
 @endif

 @if($count> 0 && $count%5 == 0)
      </div>
      <div class="col-md-4">
 @endif

 <label><input type="checkbox" value="{{$cat->xid}}">{{$cat->category}}     
 </label><br>
 <?php $count++; ?>
@endforeach

@if($count <= 5)
  </div>
@endif

关于php - 如何动态地将列表分成不同的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31066267/

相关文章:

html - 我怎样才能制作 3 行和 3 列,以便在展开 div 时列向下移动(正文中的图片)

php - 显示最近评论的帖子,不应显示重复的帖子

php - "Operator"优先级?为什么 new Object()->method() 在 PHP 中会出现语法错误?

SQL语句中的PHP变量不起作用

javascript - 如何在新窗口/选项卡中打开文本和 xml 文件?

html - 将导航栏中的 div 垂直居中并向右定位

css - 使用 aria-label 作为样式选择器的最佳实践

javascript - 我一直试图在滚动时将 NAVBAR 固定在顶部。但它仍然固定在中间

css - 试图并排放置 DIV,但它不起作用

html - <tr> 上的背景图片