2016-09-22 7 views
-1

Ich habe eine Menge Leerzeichen unter meinem Bild (Bild unten). Und ich habe keine Ahnung, warum es so ist.Viele Leerzeichen unter Bild

enter image description here

Mein HTML:

<img src="images/testserver2.png" class="centerimage" style="display: block; margin-left: auto; margin-right: auto; height: 100%;" /> 

<div class="internet"> 
    <h3>INTERNET</h3> 
</div> 

Meine CSS:

.centerimage { 
    display: block 
    margin-left: auto; 
    margin-right: auto; 
    width: 100%; 
} 
+1

Es sieht aus wie Sie, wie gut ein Stil-Attribut auf img Element haben die CSS haben für die '.centerimage' Klasse . Im Attribut style ist ein 'height: 100%' gesetzt. Best Practice wäre, einfach das CSS für Ihr Bild in der CSS-Datei zu steuern, so wie es aussieht, als würden Sie es in der Klasse CSS der Klasse ".centerimage" tun. – dave

+0

@dave Danke, ich habe es nur geändert, aber immer noch das gleiche Problem. –

+1

kann das Problem nicht reproduzieren: https://jsfiddle.net/xtdmqaxe/ –

Antwort

2

Ihr Bild Überprüfen Sie, ob es keine Leerzeichen im png eingebettet ist selbst :)

0

Der beste Weg, dies entweder das Inline-Stil-Attribut im img-Tag oder Referenz zu verwenden, zu implementieren wäre die CSS-Klasse.