Zusammenfassung von 4 Möglichkeiten, um zu verhindern, dass Tabellen beim Erstellen von Webseiten beschädigt werden. Ich hoffe, dass sie für alle nützlich sind!
1. Verwenden Sie <img src="/images/NullPic.gif" width="400" height="300">, um die Größe des Bildes direkt festzulegen.
Diese Methode führt nicht zu Verwirrung bei der Seitenanzeige, die angezeigten Bilder sind jedoch häufig deformiert.
Überhaupt nicht zu empfehlen.
2. Verwenden Sie <img src="/images/NullPic.gif" >.
Diese Methode skaliert beim Aufrufen des Bildes automatisch auf die angegebene Breite, ohne dass sich das Bild verformt, und platzt nicht in der Tabelle verursachen Verwirrung bei der Seitendarstellung.
Es gibt jedoch auch einen Nachteil: Wenn das Bild zu groß ist, wird es während des Anzeigevorgangs (Herunterladevorgang) immer noch in der Originalgröße angezeigt Seite wird hässlich sein. Selbstverständlich verkleinert sich das Bild automatisch, wenn es vollständig angezeigt wird.
3. Um zu verhindern, dass das Bild die Tabelle beschädigt, schränken Sie die Tabelle basierend auf dem oben Gesagten ein:
Fügen Sie dem Tabellen-Tag <table> und <table width="500" border="0" align="center einige Einschränkungscodes hinzu " cellpadding = "0" cellpacing = "0"> kann effektiv verhindern, dass die Tabelle gestreckt wird.
4. Um noch einen Schritt weiter zu gehen, können Sie mit dem Mausrad das Bild vergrößern und verkleinern:
<SCRIPT type=text/javascript>
Funktion bbimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
</SCRIPT>
Die Verwendungsmethode ist wie folgt:
<img src="/images/NullPic.gif" >
Sie können auch den Stil verwenden:
img {
max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width)
}