Wie zu zwingen, eine <img> zu nehmen, bis der Breite, auch wenn das Bild nicht geladen wird
Ich bin be-ein paar img ' s, und ich möchte Sie nehmen Platz auf dem Dokument selbst wenn Sie nicht geladen sind, oder noch nicht abgeschlossen haben, laden noch.
Ich habe versucht, die Angabe von Breite und Höhe (beide als Attribute selbst, und in einem style-Attribut), und finden es frustrierend, dass die Bilder nicht nehmen Platz, wenn Sie nicht laden.
Sicherlich, es muss einen Weg zu zwingen, ein img auf die spezifischen Abmessungen, **auch wenn das Bild nicht geladen wird.
Dank
Du musst angemeldet sein, um einen Kommentar abzugeben.
Es ist sicher:
Auch der Grund, warum die Angabe der Breite und Höhe innerhalb des
style="/* css */"
- Attribut nicht funktioniert, ist, weil Bilder sind standardmäßig inline-Elemente. Hatten Sie angegebendisplay: block
Bild akzeptiert habe diewidth
undheight
Werte.Wenn Sie hinzufügen, um die css/style:
Sollte es funktionieren. Ich bin mir nicht sicher warum Firefox nicht respektiert, die width/height-Attribute, aber immer noch. Selbst DH mit einer definierten
doctype
respektieren solltedisplay: inline-block
, daimg
Elemente sind standardmäßig in-line sowieso.display: inline-block
? Danke.<!DOCTYPE html>
jetzt, aber sonst html-oder xhtml-strict sind beide gut.Die einfache Antwort: wickeln Sie das Bild in einem
<div>
mit einer festen Breite.Wenn Sie padding, border etc. die
0
Sie nicht bemerken, dass das div-Element gibt.div
wird shrink-to-fit um das Bild es sei denn es (derdiv
) festgelegt istdisplay: block
oderinline-block
. So wären Sie so gut, nur die Angabedisplay: block;
(oderinline-block
) auf derimg
plusimg
akzeptiertwidth
undheight
Attribute für einen Grund.div
wird nicht shrink to fit rund um die Bild -display: block
ist der default-Wert für einediv
. Auf der anderen Seite, die Angabedisplay: block
auf dem Bild würde wahrscheinlich genauso gut funktionieren. Das problem mit diesem ist, dass, wenn Sie laden Sie ein kleineres Bild als die html-Abmessungen festgelegt sind, wird das Bild verzerrt.