Discussion :

[dukoid]

Bonjour les amis,

j'utilise flexbox pour un projet et j'ai un petit soucis sur l'affichage d'une liste de produits
en effet les derniers éléments affichés sont centrés

j'obtiens ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
**  **  **
**  **  **
 
**  **  **
**  **  **
 
  **  **
  **  **

ce que je voudrai:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
**  **  **
**  **  **
 
**  **  **
**  **  **
 
**  **
**  **

mon code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<div
  fxLayout="row wrap"
  fxLayoutAlign="space-around"
  fxLayoutGap="48px"
  >
    <ng-container *ngFor="let product of products;">
      <app-card-product-ref  fxFlex.gt-xs="24" [product]="product"></app-card-product-ref>
    </ng-container>
</div>

existe t'il une solution pour décaler les derniers éléments vers la gauche ?

[Dave Hiock]

C'est le justify-content qui force le positionnement, supprime le fxLayoutAlign="space-around" et mets des margin.

Après il faudrait savoir si tu as toujours le même nombre d'éléments.

[dukoid]

ok merci
j'ai réglé ça comme tu as dit !