css - Questions sur la mise en page Flex
滿天的星座
滿天的星座 2017-06-05 11:13:12
0
5
851

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

滿天的星座
滿天的星座

répondre à tous(5)
phpcn_u1582

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 ?

小葫芦
cszgroup-ul {
  justify-content: flex-start;
}
我想大声告诉你

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

Peter_Zhu

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.

洪涛

Donnez-lui margin-left:auto;

pour le dernier
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal