Centrer bloc verticalement css
Clotilde
-
Lerendra Messages postés 412 Date d'inscription Statut Membre Dernière intervention -
Lerendra Messages postés 412 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je cherche désespérément une solution pour pouvoir centrer mon bloc horizontalement ET verticalement.
Horizontalement pas de soucis mais verticalement c'est là que ça coince. J'ai fouillé pendant plusieurs heures sur le net pour trouver une solution mais rien n'y fait. J'ai trouvé des ressources mais le contenu ne se centre que sur l'horizontale.
Si une âme charitable voulait bien m'aider, je lui en serais éternellement reconnaissante !
Merci d'avance :-)
Je cherche désespérément une solution pour pouvoir centrer mon bloc horizontalement ET verticalement.
Horizontalement pas de soucis mais verticalement c'est là que ça coince. J'ai fouillé pendant plusieurs heures sur le net pour trouver une solution mais rien n'y fait. J'ai trouvé des ressources mais le contenu ne se centre que sur l'horizontale.
Si une âme charitable voulait bien m'aider, je lui en serais éternellement reconnaissante !
Merci d'avance :-)
A voir également:
- Centrer bloc verticalement css
- Bloc-notes (windows) - Télécharger - Traitement de texte
- Code bloc - Télécharger - Langages
- Bloc note gratuit - Télécharger - Agendas & Calendriers
- Ouvrez ce fichier avec un éditeur de texte simple (bloc-notes, textedit, gedit, etc.) pour y découvrir le nom d’un objet. ✓ - Forum Études / Formation High-Tech
- Écran tv coupé en deux verticalement ✓ - Forum Ecran
1 réponse
Bonjour Clotide
Voici une solution toute simple.
On va partir de ce code html. Il va falloir centrer l'image verticalement.
HTML
Dans un premier temps, on utilise
CSS
Je vous invite à regarder ce Site pour plus d'information
Voici une solution toute simple.
On va partir de ce code html. Il va falloir centrer l'image verticalement.
HTML
<img src="img.jpg" alt=""/>
Dans un premier temps, on utilise
vertical-align: middle;la je positionne l'image au milieu. Il y a également
vertical-align: top;pour le positionner en haut ou
vertical-align: bottom;pour le positionner en bas ou encore
vertical-align: Inherit;qui se positionne à la même valeur que l'élément parent.
CSS
img {
vertical-align: middle;
}
Je vous invite à regarder ce Site pour plus d'information