div元素未并排放置的问题

Anggor

我在blade.php中有一个需要显示图像的代码。理想情况下,图像应与div元素并排堆叠。但似乎不起作用。

我想flexbootstrapfloatdisplay在html元素中使用

.lightbox img {
  width: 100%;
  margin-bottom: 30px;
  transition: .2s ease-in-out;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
  max-height: 198px;
  display: flex;
  object-fit: cover;
}
<link rel="stylesheet" href="{{ asset('css/app.css') }}"> @foreach($post as $post)
<div class="row pt-5">
  <div class="col-sm-6 col-md-4">
    <a class="lightbox" href="/storage/{{ $post}}">
      <img src="/storage/{{ $post }}" class="w-25">
    </a>
  </div>
</div>
@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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章