Html div元素未并排放置的问题
我在blade.php中有一个需要显示图像的代码。理想情况下，图像应该与div元素并排堆叠。但它似乎不起作用 我尝试了Html div元素未并排放置的问题,html,css,Html,Css,我在blade.php中有一个需要显示图像的代码。理想情况下，图像应该与div元素并排堆叠。但它似乎不起作用 我尝试了flex，bootstrap和float。在html元素中使用显示 .lightbox img{ 宽度：100%； 边缘底部：30px； 转换：.2s易进易出； 盒影：0 2px 3px rgba（0,0,0,2）； 最大高度：198px； 显示器：flex； 对象匹配：覆盖； } @foreach（$post as$post） @endforeach更改@foreach的位置
flexbootstrapfloat显示
.lightbox img{
宽度：100%；
边缘底部：30px；
转换：.2s易进易出；
盒影：0 2px 3px rgba（0,0,0,2）；
最大高度：198px；
显示器：flex；
对象匹配：覆盖；
}
@foreach（$post as$post）
@endforeach
更改@foreach
的位置可能有助于：
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<div class="row pt-5">
@foreach($post as $post)
<div class="col-sm-6 col-md-4">
<a class="lightbox" href="/storage/{{ $post}}">
<img src="/storage/{{ $post }}" class="w-25">
</a>
</div>
@endforeach
</div>
@foreach（$post as$post）
@endforeach
它可以工作。非常感谢。对此有什么解释吗？因为如果您将@foreach
放在行
之外，它将在html中创建多行。哦，好的，这意味着我将在前一行中嵌套新行，对吗？谢谢你，先生。您创建了多个分隔行，每行有一个图像。