水平に印刷するlaravelのブレードファイルにプロジェクトメンバーのアバターを追加しますか？

Question

Laravelブレードファイルにメンバーアバターの印刷があります。

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

これは、My bladeファイルに縦に印刷しています。しかし、私はこれを横に印刷する必要があります。これどうやってするの？

Answer 1

ではなく、デフォルトのブロックの、インラインにdivの表示方法を変更してみてください：

@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*/ 
}