Centrer verticalement en css
Classé dans : ProgrammationComment centrer verticalement une image dont on ne connais pas la hauteur dans un conteneur de hauteur connu.
Le html tout simple:
<div class="conteneur"> <img src="monimage.jpg" alt="" /> </div>
Le css pas plus compliqué
.conteneur {
height:200px;
line-height:200px;
}
.conteneur img {
vertical-align:middle;
}
Si vous voulez aller plus loin dans le centrage vertical je vous conseille la lecture de cet excellent article sur Alsacreations.
Tags : css
- Lire la suite
- maniT4c
- 21 sept 2011 3:03
- Commentaires (4)
Voila un petit bout de code pratique si vous avez besoin de faire un cadre avec une ombre et qu’il soit redimensionnable par css. Au passage on ajoute un fond transparent mais c’est pas nécessaire.
Je voulais améliorer les performance de mon 
