Comment centrer img à l'intérieur du div

Question

Possible en double:
How to center image inside div

Je dois être en mesure de mettre l'image au centre de la div. Mon image doit être au centre quelle que soit la résolution.

code:

<div style="width:100%; height:20%;"> 
    <img src="images/pic.png" id="image" style="width: 208px; height: 75px;margin-left: 42%;" alt=""/> 
</div> 

Ce ne fonctionne pas comme il se doit.

Answer 1

<div style="width:100%; height:20%; text-align:center"> 
    <img src="images/pic.png" id="image" style="width: 208px; height: 75px; margin:0 auto;" alt=""/> 
</div> 

devrait fonctionner pour toi

Answer 2

Essayez ceci:

<div style="width:100%; height:20%;text-align:center;"> 
<img src="images/pic.png" id="image style="width:208px; height:75px; margin-left:42%;" alt=""/> 
</div> 

Answer 3

#Sample 
{ 
background:url(your_image.jpg) no-repeat center center; 
height:200px; 
width:200px; 
} 

(Suppose un div id = "échantillon" comme vous déjà spécifiez la hauteur et la largeur d'ajouter un shouldn de fond Ce n'est pas un problème)

Answer 4

Cela est dû au fait que vous avez une marge gauche de 42% définie sur l'image. Essayez ceci sur le style d'image:

display:block;margin:0 auto;