Das Hintergrundbild der Tabelleneinstellung kann nicht zu 100 % angezeigt werden. Lösung
|
Während der Entwicklung wurden die folgenden Situationen festgestellt: Code kopieren Der Code lautet wie folgt:<%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8" language="java" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <Kopf> <meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8" /> <title>Tabelle zu 100 % sichtbar machen</title> </head></p> <p><body style="background:#9C9;"> <table cellpadding="0" cellspacing="0" style="width:100%;" > <tr> <td Höhe="8" Breite="17px;" ><img src="img/bg-header_l.gif" Breite="17" Höhe="8" /></td> <td style="Hintergrund:url(img/bg-header_c.gif) repeat-x;"></td> <td Höhe="8" Breite="17px;" ><img src="img/bg-header_r.gif" Breite="17" Höhe="8" /></td> </tr> </Tabelle> </body> </html> Nachdem das Programm ausgeführt wurde, wird auf der Seite der folgende Effekt angezeigt:
(1) Der Hintergrund des mittleren TD deckt nicht den gesamten TD ab. (2) Die gesamte Tabellenbreite füllt nicht den gesamten Bildschirm aus. Ich komme nicht dahinter und bin sehr deprimiert! ! Versuchen Sie, der Tabelle im Hintergrund border="0" hinzuzufügen. Der Effekt ist immer noch wie in der Abbildung oben gezeigt. Nachdem ich 0 in 1 geändert hatte, stellte ich fest, dass die Tabelle den gesamten Bildschirm ausfüllte und das td auch vom Hintergrund verdeckt wurde, wie unten gezeigt, aber der Rand der Tabelle ist nicht das, was ich wollte.
Dann habe ich die drei td in der Tabelle überprüft und festgestellt, dass im zweiten td kein Inhalt vorhanden war. Also habe ich versucht, den zweiten td auszufüllen. Der Code lautet wie folgt: Code kopieren Der Code lautet wie folgt:<table cellpadding="0" cellspacing="0" style="width:100%;" > <tr> <td Höhe="8" Breite="17px;" ><img src="img/bg-header_l.gif" Breite="17" Höhe="8" /></td> <td style="background:url(img/bg-header_c.gif) repeat-x;">Inhalt zum zweiten td hinzufügen</td> <td Höhe="8" Breite="17px;" ><img src="img/bg-header_r.gif" Breite="17" Höhe="8" /></td> </tr> </Tabelle> Der Effekt nach dem Ausführen des Codes stimmt grundsätzlich mit dem Endergebnis überein. Der Laufeffekt ist wie folgt:
Code kopieren Der Code lautet wie folgt:<%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8" language="java" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <Kopf> <meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8" /> <title>Tabelle zu 100 % sichtbar machen</title> </Kopf> <body style="Hintergrund:#9C9;"> <table cellpadding="0" cellspacing="0" style="width:100%;" > <tr> <td Höhe="8" Breite="17px;" ><img src="img/bg-header_l.gif" Breite="17" Höhe="8" /></td> <td style="background:url(img/bg-header_c.gif) repeat-x; font-size:0px;"> </td> <td Höhe="8" Breite="17px;" ><img src="img/bg-header_r.gif" Breite="17" Höhe="8" /></td> </tr> </Tabelle> </body> </html> Der endgültige Effekt ist in der folgenden Abbildung dargestellt:
|
<<: TypeScript-Problem beim Iterieren über Objekteigenschaften
>>: CSS realisiert die Szenenanalyse von halbtransparenten Rändern und Mehrfachrändern
Artikel empfehlen
Detaillierte Erklärung der Homologie und der Domänenübergreifendkeit, die für Front-End-Interviews erforderlich sind
Vorwort Wie wir alle wissen, treten bei Front-End...
Ein vollständiges Beispiel für die mehrstufige Sprungfunktion (Seiten-Drilldown) von Vue für verwandte Seiten
Hintergrund Während des Projektentwicklungsprozes...
Über die praktische Anwendung von HTML-Mailto (E-Mail) sprechen
Wie wir alle wissen, ist „mailto“ ein sehr praktis...
Aktivieren oder Deaktivieren des GTID-Modus in MySQL online
Inhaltsverzeichnis Grundlegende Übersicht GTID on...
Detaillierte Schritte zum Bereitstellen eines Tomcat-Servers basierend auf IDEA
Inhaltsverzeichnis Einführung Schritt 1 Schritt 2...
Änderung der Standardquelldatei sources.list des Ubuntu20.04 LTS-Systems
Wenn Sie den Inhalt der Datei „source.list“ verse...
MySQL-Datenbank zum Abrufen der Angaben zu Sekunden, Minuten, Stunden und Tagen vor und nach
Aktuelle Uhrzeit abrufen: Wählen Sie aktuellen Ze...
Grafisches Tutorial zur kostenlosen Installationsversion von MySQL 5.7.21 winx64
Konfigurationsmethode für die kostenlose Installa...
Anfänger lernen einige HTML-Tags (3)
Anfänger, die mit HTML in Berührung kommen, lerne...
Das WeChat-Applet realisiert eine Links-Rechts-Verknüpfung
In diesem Artikel wird der spezifische Code für d...
So erstellen Sie einen Pod in Kubernetes
Inhaltsverzeichnis Wie erstelle ich einen Pod? We...
Erläuterung synthetischer React-Ereignisse
Inhaltsverzeichnis Klicken Sie zunächst auf das E...
Detaillierte Erklärung der wechselseitigen Verwendung von Ref in React
Inhaltsverzeichnis 1. Lassen Sie uns zunächst erk...
Vue + echart realisiert Doppelsäulendiagramm
In diesem Artikel wird der spezifische Code von v...
Detaillierte Analyse der Übereinstimmungsregeln bei der Verarbeitung von Anfragen durch Nginx
Wenn nginx eine Anfrage empfängt, gleicht es zunä...