Das Hintergrundbild der Tabelleneinstellung kann nicht zu 100 % angezeigt werden. Lösung

Während der Entwicklung wurden die folgenden Situationen festgestellt:
(1) Wenn die Datei mit der Dateiendung .jsp gespeichert ist, lautet der Code wie folgt (index.jsp):

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:

An diesem Effekt sind zwei Dinge falsch:
(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.

Es zeigt sich, dass die oben genannten Methoden das Problem nicht grundsätzlich lösen können.
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:

Passen wir den Code leicht an. Der vollständige Code lautet 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

Installations- und Verwendungsschritte für vue-amap

Das Hintergrundbild der Tabelleneinstellung kann nicht zu 100 % angezeigt werden. Lösung

Installations- und Verwendungsschritte für vue-amap

Detailliertes Tutorial zur Installation einer MySQL-Datenbank in einer Linux-Umgebung

Ausführliche Erläuterung der Mysql-Deadlock-Anzeige und Deadlock-Entfernung

Ändern Sie das JVM-Kodierungsproblem, wenn Tomcat ausgeführt wird

Installationstutorial auf Unternehmensebene unter Verwendung des LAMP-Quellcodes

Verwendung des SerialPort-Moduls in Node.js

So stellen Sie über Navicat eine Remoteverbindung zu MySQL her

So erstellen Sie PHP7 mit einem benutzerdefinierten Docker-Image

MySQL-Dienst und Datenbankverwaltung

MySQL fängt die SQL-Anweisung der String-Funktion ab

Artikel empfehlen

Beispiel für die Bereitstellung einer Laravel-Anwendung mit Docker

Detaillierte Erläuterung verschiedener praktischer Verwendungen virtueller Gerätedateien im Linux-System

Detaillierte Beispiele für Docker-Compose-Netzwerke

So zeichnen Sie eine Schaltfläche in XAML als Kreis neu

Mysql-Trigger werden in PHP-Projekten zum Sichern, Wiederherstellen und Löschen von Informationen verwendet

Das WeChat-Applet realisiert den Neun-Quadrat-Rastereffekt

Schiebemenü mit CSS3 implementiert

Reines CSS, um einen automatischen Rotationseffekt des Karussellbanners zu erzielen

Detaillierte Erläuterung der Implementierung mehrerer dreispaltiger adaptiver CSS-Layouts

Tutorial zum Bereitstellen von JDK und Tomcat auf CentOS7 ohne Schnittstelle

VMware Workstation ist nicht mit Device/Credential Guard kompatibel

Detaillierte Erklärung der Nginx-Konfigurationsdatei

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.18

Concat() von kombinierten Feldern in MySQL

Zusammenfassung grundlegender SQL-Anweisungen in der MySQL-Datenbank