[英]Problem with div element not position side by side
我在blade.php 中有一個需要顯示圖像的代碼。 理想情況下,圖像應該與 div 元素並排堆疊。 但它似乎不起作用。
我試過flex
、 bootstrap
和float
。 在 html 元素中使用display
。
.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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.