how to print Horizontaly Mein Projekt Mitglieder Avatar in Laravel Blade-Datei?

Question

Ich habe einige Mitglieder Avatar-Druck in meiner Laravel Blade-Datei.

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

Dies wird vertikal in My Blade-Datei gedruckt. Aber ich muss das horizontal drucken. Wie kann ich das machen?

Answer 1

Versuchen Sie, die div Anzeigeverfahren zu ändern anstelle des Standardblocks Inline,:

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

Und in der CSS:

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