3 méthodes faciles pour centrer une DIV verticalement et horizontalement en CSS
HTML-код
- Опубликовано: 4 июн 2020
- Le centrage d'une div ou d'une image peut s’avérer difficile en CSS, ici on verra 3 manières simples et efficace d'y arriver à tous les coups quand on est débutant.
Sources: github.com/nadfri/RUclips-Tut...
Lien pour voir le rendu: nadfri.github.io/RUclips-Tuto...
Mon Discord pour discuter: / discord
Logiciel utilisé: Visual Studio Code - Наука
bravo c'est très bien
Merci pour ta vidéo explicative. J'ai découvert une nouvelle manière de centrer une div enfant, en mettant sur le parent conteneur :
display: grid
place-items: center
Oui! je l'ai appris récemment egalement, je l'utilise regulierement depuis!
Super clair, un grand merci à toi
De rien et merci
Merci pour ces explications :)
Merci à vous 😊
Merci pour l'explication. Pov : veuillez agrandir vscode afin que je puisse voir le code
la première methode meme avec le display flex ne centre que horizontalement
Bonjour,j'essaye de créer un site vitrine et je bloque sur le placement du formulaire de contact ,j'ai essayé la position relative et absolute,ça ne fonctionne pas,mon formulaire sort de la section,est ce que je peux t'envoyer le code merci d'avance
Salut, essai de m'envoyer via un lien jsfiddle par exemple, je jetterai un oeil.
@@NadfriJS Salut voici le lien,je souhaite aussi centrer les éléments du formulaire merci d'avance codepen.io/obekar/pen/OJMaWGQ
Il y a pas mal d'erreur et de redondance dans ton css, il faudrait tout reprendre et le simplifier, il faut eviter d'utiliser les "#id", car il est prioritaire sur les class, si tu modifies ton css via une class, il n'aura pas d'effet. Les fieldset sont inutiles, supprime les. Mets tous les margin et padding à 0 via *{...}. Voila le resultat, j'ai pas repris tous le code: ca devrait deja te mettre sur la bonne voie ici:
codepen.io/nadfri/pen/JjGegdG
@@NadfriJS Salut,je te remercie,j'ai tout essayé,j'abandonne,
@@omarbekar1684 Recupere directement le html et le css que j'ai modifié via mon codepen codepen.io/obekar/pen/OJMaWGQ