格式化迭代记录以以切片格式排列

Question

我迭代了一条db记录，它记录了每行的记录，我如何格式化它以将它们排列为tile，这意味着第二个到第一个将被排列在一边，第三个将在第一个的底部和第三个底部的第四个？ db记录将始终为4.

这是代码：

@foreach($splitProcedure as $procedureSelected)
                                <TH>{!! $procedureSelected !!}</TH><TH>DESCRIPTION</TH>
                                <TR><TD><div><p>You have used <span class="css-button" id="counter2"></span> words.</p>{!! Form::textarea('productdescription', Input::old('productdescription'), ['class'=>'mid first-input-div', 'placeholder'=>'Please, within 200-250 characters describe what the company is about', 'id'=>'productdescription']) !!}</div></TD><TD></TD></TR>
                                <TR><TD><div>{!! Form::text('productname', Input::old('productname'), ['class'=>'mid first-input-div', 'placeholder'=>'enter company name', 'id'=>'productname']) !!}</div></TD><TD></TD></TR>
                                {!! Form::hidden('hiddenCompanyId', Input::old('selectedCompanyHiddenId'), ['id'=>'selectedCompanyHiddenId']) !!}
                                {!! Form::hidden('hiddenCompanyName', Input::old('selectedCompanyHidden'), ['id'=>'selectedCompanyHidden']) !!}

                                @endforeach

Answer 1

我建议你使用像：bootstrap或foundation这样的框架来实现这一点，或者编写自己的css来创建这样的tile并将数据添加到它。而不是使用html表，因为我认为它很难或不可能设计它，因为你可以看到，如果你观察到来自数据库的行直接插入到标记中，那么你没有预定义的表格，你正在寻找的格式。

您可以通过创建一个包含您喜欢的行和列的表来实现它，并从数据库中获取每一行并插入并硬编码到您想要的正确位置（这是一种不好的方法，因为只要添加数据库中还有一行它都会中断。）

或者你可以这样做：

popstate

foreach循环将每行数据插入每个t​​ile。但是你需要一个框架或CSS技能才能获得正确的结果。