css - Questions sur la mise en page Flex

Question

Le code que j'utilise pour la mise en page flex est le suivant :
.cszgroup-ul{ display: flex; justification-content: space-between; flex-wrap: margin-top: 15px; .cszgroup- ul li{ width : 31% ; margin-bottom : 10px;}
Le résultat est comme ceci :

Ma question est la suivante : comment puis-je aligner la partie du cadre de la ligne rouge de la deuxième rangée vers la gauche

Answer 1

Je ne l'ai pas essayé, mais j'ai pensé à un moyen simple : ajouter un espace réservé p à l'avant-dernière position et définir sa visibilité sur masqué. Et si ?

Answer 2

cszgroup-ul {
  justify-content: flex-start;
}

Answer 3

Si votre li n'est pas chargé dynamiquement, il existe un moyen stupide d'écrire un li vide et de le soutenir.

Answer 4

Il n'y a pas de bon moyen, ajoutez un li supplémentaire pour occuper l'espace, puis ajoutez dynamiquement des nœuds supplémentaires pour occuper l'espace une fois le li ici rendu.

Answer 5

Donnez-lui margin-left:auto;

pour le dernier