SI ton conteneur n'englobe que l'image, tu le mets en {overflow:hidden} de façon à ce qu'il englobe l'image.
Ensuite, tu peux appliquer un padding si tu veux un espace entre le conteneur et l'image.
Ce qui donne:
div.drapeau {overflow:hidden; padding:20px auto;} pour le cadrage vertical.
img.identite-drapeau {display:block; margin:auto;} pour le cadrage horizontal.
Centrer une image dans une cellule de tableau
Réduire
X
-
Envoyé par Colnem30 Voir le messageBonjour
Tu ne nous dit pas si .identite-drapeau est la classe de l'image ou celle de son conteneur.
Pour le centrage horizontal, appliquer à l'image la règle CSS: {display:block; margin:auto;}.
Pour le centrage vertical, par rapport à quoi? à l'écran? à un conteneur?
.identite-drapeau est la classe de l'image
Je souhaite un centrage vertical par rapport à un conteneur "drapeau".
Alain
Laisser un commentaire:
-
Bonjour
Tu ne nous dit pas si .identite-drapeau est la classe de l'image ou celle de son conteneur.
Pour le centrage horizontal, appliquer à l'image la règle CSS: {display:block; margin:auto;}.
Pour le centrage vertical, par rapport à quoi? à l'écran? à un conteneur?
Laisser un commentaire:
-
Centrer une image dans une cellule de tableau
Bonjour,
Dans un fichier HTML, je veux center verticalement et horizontalement une image.
Code HTML:.identite-drapeau { border: 0px #aaa solid; text-align: center; display: table-cell; vertical-align: middle; }
Dernière édition par Alain_56 à 26/08/2022, 09h47Tags: Aucun
Annonce
Réduire
Aucune annonce pour le moment.
Laisser un commentaire: