Centrer une image dans un div
Résolu/Fermé
kaelhula
Messages postés
48
Date d'inscription
mardi 1 avril 2008
Statut
Membre
Dernière intervention
10 avril 2009
-
1 avril 2008 à 14:55
HelloWorld - 24 oct. 2013 à 23:24
HelloWorld - 24 oct. 2013 à 23:24
A voir également:
- Centrer une image dans une div
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Image iso - Guide
- Fichier ISO : ouvrir, lire, créer une image ISO sur PC - Guide
- Comment agrandir une image - Guide
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image d’ours polaire sur une image de plage. retrouvez l'image originale de la plage. que cache l'ours polaire ? - Forum Loisirs / Divertissements
11 réponses
Salut à toutes et tous :)
Pour centrer l'élément :
1 - verticalement seulement :
div{
width: 150px;
height: 150px;
background-color: #aaa;
display: table-cell;
vertical-align: middle;
}
2 - horizontalement seulement :
div{
width: 150px;
height: 150px;
background-color: #aaa;
text-align: center;
}
3 - horizontalement et verticalement (au centre):
div{
width: 150px;
height: 150px;
background-color: #aaa;
text-align: center;
display: table-cell;
vertical-align: middle;
}
Pour centrer l'élément :
1 - verticalement seulement :
div{
width: 150px;
height: 150px;
background-color: #aaa;
display: table-cell;
vertical-align: middle;
}
2 - horizontalement seulement :
div{
width: 150px;
height: 150px;
background-color: #aaa;
text-align: center;
}
3 - horizontalement et verticalement (au centre):
div{
width: 150px;
height: 150px;
background-color: #aaa;
text-align: center;
display: table-cell;
vertical-align: middle;
}