Milligram: Problème avec la grille
Bonjour, j'ai travaillé avec grid et j'ai une page de membres qui a plus de 100 cartes de profil. J'ai créé une ligne avec la colonne 25 mais tout va sur une seule ligne.
Y a-t-il une solution pour ça? j'en ai besoin comme 4 dans la rangée puis ensuite ci-dessous, maintenant ils sont tous sur une seule ligne, mon code va comme ça
<div class="row">
<div class="column column-25"></div>
<div class="column column-25"></div>
<div class="column column-25"></div>
<div class="column column-25"></div>
<div class="column column-25"></div>
<div class="column column-25"></div>
<div class="column column-25"></div>
<div class="column column-25"></div>
</div>
kresogalic8
Tous les 5 commentaires
Vous devez ajouter la classe de retour à la ligne:
<div class="row row-wrap">
Notez cependant que son utilisation limite davantage la prise en charge du navigateur.
ImadJomaa
le 4 mars 2016
Ayant le même problème, l'ajout de lignes enveloppantes ne semble pas fonctionner:
http://codepen.io/steveoc64/pen/WwQgxG
Le remplacement manuel du style le fait cependant se comporter.
<div class="row" style="flex-wrap: wrap">
Je ne connais pas assez le CSS pour comprendre pourquoi il ne se comporte pas comme prévu.
steveoc64
le 5 mars 2016
Il y a eu un oubli de ma part, cela aurait dû être:
<div class="row">
<div class="row-wrap">
....
</div>
</div>
Bien que cela ne semble pas fonctionner en raison de l'héritage apparent de la propriété d'affichage qui est bloc plutôt que flex. Peut-être que la conception prévue était celle mentionnée ci-dessus. En d'autres termes, votre solution était probablement la solution envisagée.
ImadJomaa
le 7 mars 2016
Merci Imad ... la "solution de contournement" fait l'affaire pour le moment, mais je vais aussi essayer de faire fonctionner l'intention initiale.
Cela semble raisonnable que class = "row row-wrap" fonctionne comme prévu, sans avoir à imbriquer un autre div en dessous.
... un autre travail pour un jour de pluie;)
steveoc64
le 8 mars 2016
Salut @ kresogalic8 Vous pourriez résoudre le problème? # 100
Pour l'instant, je vais fermer ce numéro. Faites-moi savoir s'il y a autre chose que nous pouvons aider et je rouvrirai.
cjpatoilo
le 3 août 2016
Questions connexes
garretwilson
·
18Commentaires
luisaceituno
·
6Commentaires
dnohr
·
7Commentaires
neronmoon
·
4Commentaires
mukai11
·
4Commentaires
Commentaire le plus utile
Vous devez ajouter la classe de retour à la ligne:
<div class="row row-wrap">Notez cependant que son utilisation limite davantage la prise en charge du navigateur.