Zentriertes Bild und fügen Sie die Schriftgröße nicht funktioniert

Question

Ich möchte das Bild in großen Größe und zentriert sein, scheint Größe und zentriert immer noch nicht funktioniert.

HTML:

<div class="content-grid"> 
    <img src="test.jpg" /> 
</div> 

CSS:

.content-grid img{ 
    display: block; 
    margin: 0 auto; 
    font-size: 250%; 
} 

Answer 1

https://jsfiddle.net/ahmadasjad/1aedjv7s/

.content-grid img{ 
display: block; 
    margin: 0 auto; 
    height: auto; 
    /* font-size: 255%; */ 
    width: 33em; 
} 

wenn du mehr brauchst Größe, erhöhen Sie die Em-Wert-Breite so viel wie Sie möchten. zum Beispiel ändern width: 33em;-width: 50em;, width: 65em;

Answer 2

alle anderen Arten entfernen, und nur text-align:center auf den Behälter gesetzt.

Die font-size Eigenschaft nicht die Bilder Größe steuern, verwenden width und height auf das Bild direkt, wenn Sie brauchen, dass, dh img {width:300px; height:auto;}

.content-grid { 
 
    text-align: center; 
 
}

<div class="content-grid"> 
 
    <img src="//dummyimage.com/200x100"> 
 
</div>