Wie ein <img> zwingt Breite zu nehmen, auch wenn das Bild nicht

Question

geladen Ich bin ein Bündel img den Laden, und ich mag sie Platz auf dem Dokument zu übernehmen, auch wenn sie nicht geladen ist, oder Ladevorgang noch nicht abgeschlossen

Ich versuchte, Breite und Höhe spezifiziert (beide als Attribute selbst und in einem Stil-Attribute), und es frustrierend, dass die Bilder nehmen nicht Platz finden, wenn sie laden nicht.

Sicherlich muss es eine Möglichkeit geben, ein IMG auf bestimmte Dimensionen ** zu zwingen, auch wenn das Image nicht geladen werden kann.

Dank

Answer 1

Es ist sicher:

<img src="path/to/image.png" height="50" width="20" /> 

Auch der Grund, die Breite und Höhe innerhalb des style="/* css */" Attribut Angabe ist nicht arbeiten, weil Bilder sind standardmäßig in Inline-Elemente . Hätten Sie display: block angegeben, hätte das Bild die Werte width und height akzeptiert.

Wenn Sie hinzufügen, zu der CSS/style:

display: inline-block; 

sollte es funktionieren. Ich bin mir nicht sicher warum Firefox nicht die Attribute Breite/Höhe respektieren, aber immer noch. Auch IE, mit einer definierten doctype sollte display: inline-block beachten, da img Elemente standardmäßig standardmäßig in-line sind.

Answer 2

Die einfache Antwort: wickeln Sie das Bild in einem <div> mit einer festen Breite.

<div style="width: 400px;"><img src="404.png" /></div> 

Wenn Sie Polsterung, Grenze usw. zu 0 gesetzt ist, wird man nicht feststellen, dass die div da ist.