Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Wiki
Pages
Dernière activité
Quoi de neuf
Nouveaux messages
Nouveaux articles
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Magasin
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Questions, aides et recherches
Résolus
[HTML&CSS] Mise en page avec display
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="delete221380" data-source="post: 6861433"><p>Utilise les flexbox pour faire des colones, c'est ultra rapide.</p><p>Tu créer un conteneur qui lui aura le propriété : display : flex et ensuite les éléments s'alignerons</p><p></p><p>Pour l'alignement des éléments avec la propriété justify-content : </p><ul> <li data-xf-list-type="ul">flex-start : alignés au début <br /> </li> <li data-xf-list-type="ul">flex-end : alignés à la fin<br /> </li> <li data-xf-list-type="ul">center : alignés au centre<br /> </li> <li data-xf-list-type="ul">space-between : les éléments sont étirés sur tout l'axe (il y a de l'espace entre eux, je te conseil ça c'est le top) <br /> </li> <li data-xf-list-type="ul">space-around : idem, les éléments sont étirés sur tout l'axe, mais ils laissent aussi de l'espace sur les extrémités</li> </ul><p>Tu peux choisir d'aligner tes elements dans le sens que tu veux avec la propriété flex-direction</p><ul> <li data-xf-list-type="ul">row : organisés sur une ligne (c'est ce que tu souhaites avoir et c'est par defaut) </li> <li data-xf-list-type="ul">column : organisés sur une colonne</li> <li data-xf-list-type="ul">row-reverse : organisés sur une ligne, mais en ordre inversé</li> <li data-xf-list-type="ul">column-reverse : organisés sur une colonne, mais en ordre inversé<br /> </li> </ul><p>Tu as encore une multitude d'autres propriétés comme le retour à la ligne avec le flex-wrap mais je te laisse te renseigner, ça rentre parfaitement dans la charte que tu dois respecter puisque tu utilisera uniquement le display <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p></blockquote><p></p>
[QUOTE="delete221380, post: 6861433"] Utilise les flexbox pour faire des colones, c'est ultra rapide. Tu créer un conteneur qui lui aura le propriété : display : flex et ensuite les éléments s'alignerons Pour l'alignement des éléments avec la propriété justify-content : [LIST] [*]flex-start : alignés au début [*]flex-end : alignés à la fin [*]center : alignés au centre [*]space-between : les éléments sont étirés sur tout l'axe (il y a de l'espace entre eux, je te conseil ça c'est le top) [*]space-around : idem, les éléments sont étirés sur tout l'axe, mais ils laissent aussi de l'espace sur les extrémités [/LIST] Tu peux choisir d'aligner tes elements dans le sens que tu veux avec la propriété flex-direction [LIST] [*]row : organisés sur une ligne (c'est ce que tu souhaites avoir et c'est par defaut) [*]column : organisés sur une colonne [*]row-reverse : organisés sur une ligne, mais en ordre inversé [*]column-reverse : organisés sur une colonne, mais en ordre inversé [/LIST] Tu as encore une multitude d'autres propriétés comme le retour à la ligne avec le flex-wrap mais je te laisse te renseigner, ça rentre parfaitement dans la charte que tu dois respecter puisque tu utilisera uniquement le display :) [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Questions, aides et recherches
Résolus
[HTML&CSS] Mise en page avec display
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut