Wenn wir Webseiten entwerfen, begegnen wir immer einige unangenehme Dinge. Am häufigsten ist es, dass wir nach dem Hinzufügen von Inhalten im Hintergrund feststellen, dass die angezeigte Seite geöffnet ist, wodurch die Webseite extrem unansehnlich ist. In der Vergangenheit haben Menschen im Grunde genommen Tische entworfen, sodass es natürlich viele Lösungen online gibt. Jetzt gibt es Div CSS -Standarddesigns und sehen selten verwandte gute Methoden. Jetzt fasst Xiaoxiang Online die guten Methoden im täglichen Leben zusammen, um zu verhindern, dass die Tabellen ausgebreitet werden und sie mit Ihnen teilen.
1. Stellen Sie die Bildgröße direkt auf der Webseite fest, z. Obwohl dies die Bildgröße einschränken kann, müssen Sie die Bildgröße manuell ändern, bevor Sie das Bild hochladen, andernfalls wird das hochgeladene Bild verformt.
2. Verwenden Sie den folgenden Code: <img src = http: //www.cuoxin.com/images/cuoxincom.jpg onload = javaScript: if (this.width> 600} {this.resized = true;
Diese Methode schrumpft automatisch auf die angegebene Breite, wenn das Bild aufgerufen wird, wodurch das Bild nicht deformiert wird und die Tabelle nicht durchbricht. Der Nachteil ist jedoch, dass das Bild während des Bilddownload -Vorgangs während des Bildanzeigenprozesses zunächst in der ursprünglichen Größe des Bildes angezeigt wird, das die Tabelle durchbricht, und die Seite wird hässlich sein. Zweitens schrumpfen das Bild automatisch, wenn das Bild vollständig angezeigt wird.
3.. Wir können die Größe der Tabelle begrenzen, um zu verhindern, dass sie ausgestreckt wird, z. B. den Code in <Tabellenbreite = 600 Rand = 0 Cellpadding = 0 Cellpacing = 0> style = table-layout: Fix; Word-Wrap: Break-Word; Word-Break; Break-ALL; Is das Fixieren des Tischlayouts, das effektiv verhindern kann, dass die Tabelle ausgestreckt wird. WORT-WRAP: Breakwort; ist es, Linienbrüche zu kontrollieren, das heißt, Linienbrüche durchzusetzen. Dies muss verwendet werden, wenn viele Textinhalte vorhanden sind. Außergewöhnlicher doppelter Inhalt wird angezeigt, und wenn die Linienbrüche nicht ausgeführt werden, wird die Tabelle ausgestreckt. und Wortausbruch: Break-All; Es kann das Problem lösen, dass das IE-Framework von Englisch (nicht asiatische Textlinien) ausgebreitet wird, aber es wird keine Zeilenwrap erzwingen, und nur der Inhalt in der Tabellenbreite wird angezeigt. Verwenden Sie im Allgemeinen nur Style = Table-Layout: Behoben; Word-Wrap: Break-Wort; Natürlich können die oben genannten Aussagen beispielsweise in CSS definiert werden
| Tisch { Tischlayout: behoben; WORT-WRAP: Breakwort; } |
V.
| img { Max-Breite: 600px; Breite: Ausdruck (this.width> 600? 600px: this.width); Überlauf: versteckt; } |
Unter ihnen maximal: 600px; In anderen Nicht-IE-Browsern wie IE7 und Firefox beträgt die maximale Breite 600px, ist jedoch in IE6 ungültig. Breite: 600px; In allen Browsern beträgt die Größe des Bildes 600px. Wenn die Bildgröße größer als 600px ist, schrumpfen sie automatisch auf 600 PX, was in IE6 gültig ist. und Überlauf: versteckt; Bezieht sich auf das Ausblenden des Teils über die festgelegte Größe, um die Verformung der Tabelle zu vermeiden, da die Bildgröße nicht gesteuert wird. 2 Seiten in der vorherigen Seite der vorherigen Seite 12 nächste Seite