recherche

Maison  >  Questions et réponses  >  le corps du texte

css - Questions sur la mise en page Flex

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

滿天的星座滿天的星座2731 Il y a quelques jours852

répondre à tous(5)je répondrai

  • phpcn_u1582

    phpcn_u15822017-06-05 11:15:12

    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 ?

    répondre
    0
  • 高洛峰

    高洛峰2017-06-05 11:15:12

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

    répondre
    0
  • 我想大声告诉你

    我想大声告诉你2017-06-05 11:15:12

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

    répondre
    0
  • 天蓬老师

    天蓬老师2017-06-05 11:15:12

    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.

    répondre
    0
  • PHP中文网

    PHP中文网2017-06-05 11:15:12

    Donnez-lui margin-left:auto;

    pour le dernier

    répondre
    0
  • Annulerrépondre