WEB-d Développement Web

PHP, SQL, HTML5, CSS3, Javascript, Mootools, Référencement, SEO, CMS, e-commerce, Apache, Linux, Ubuntu, ...

Centrer verticalement une image

Il existe plusieurs techniques, plus ou moins efficaces, pour centrer verticalement une image dans un div (ou autre). L'une des plus efficaces consiste à utiliser l'attribut CSS background:


<div style="
 background: url(image.jpg) center center no-repeat;">

</div>
 

Il est même possible, grâce à CSS3, de redimensionner automatiquement l'image à la taille du div:


<div style="
 background: url(image.jpg) center center no-repeat;
 background-size: contain;">

</div>
 

Articles similaires