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:
- Div align center image
- Etd control center - Forum Windows 8 / 8.1
- Control center 4 - Télécharger - Divers Utilitaires
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Image iso - Guide
- Catalyst control center - Télécharger - Pilotes & Matériel
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;
}