我正在处理亲子关系。我有一个公司模型和产品模型，当我拉取公司产品的记录时，我希望它们并排对齐，因为默认情况下 div 是垂直对齐的，如何让它们水平对齐？我看到了一些展示如何静态执行此操作的答案，但由于这些是动态记录，我如何使用动态生成的 div 将它们并排对齐？
@foreach($product as $products)
@if($company->id === $products->company_id)
<div class="flow">{!! Html::linkRoute('companyContactView', $products->productname, $products->company_id) !!}</div> |
@endif
@endforeach
最佳答案
允许多个 div 并排的首选方法是应用 CSS 规则 display: inline-block。这允许您指定宽度和高度。
查看 w3schools 中的这个示例: http://www.w3schools.com/css/css_inline-block.asp
我鼓励您使用“自己尝试”示例来了解内联 block 的工作原理以及为什么它优于使用 float 。
关于javascript - 并排动态对齐div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36178382/