php - 如何在laravel blade文件中水平打印我的元素成员头像？

Question

我的 Laravel Blade 文件中打印了一些成员(member)头像。

@foreach( $project->collaborators as $collaborator)
    <div>
        <span>
            <img src="{{ $collaborator->user()->first()->getAvatarUrl() }}" />
            {{ $collaborator->user()->first()->name}}
        </span>
    </div>
@endforeach

这是在我的 Blade 文件中垂直打印。但我需要水平打印。我该怎么做？

Answer 1

尝试将 div 显示方法更改为内联，而不是默认 block :

 @foreach( $project->collaborators as $collaborator)
     <div class="collaborator">
         <span>
             <img src="{{ $collaborator->user()->first()->getAvatarUrl() }}" />
                             {{ $collaborator->user()->first()->name}}
         </span>
      </div>
 @endforeach

在CSS中:

.collaborator {
    display: inline;
    /*width: 200px; probably you'll need to set the width*/
}