Die Tabelle fügt Zellen und das img-Bild zusammen, um das gesamte td-HTML auszufüllen

Die Tabelle fügt Zellen und das img-Bild zusammen, um das gesamte td-HTML auszufüllen
Quellcode (einige Klassen gelöscht):

Code kopieren
Der Code lautet wie folgt:

<Tabelle>
<Kopf>
<tr><th colspan=2 >Käufer: Yimai</th></tr>
</thead>
<tbody>
<tr>
<td rowspan=4 >
<img src="../img/103.jpg" width="100%" height="100%">
</td>
<td >Artikelname: mobile Stromversorgung</td>
</tr>
<tr><td >Stückpreis: ¥28 Yuan</td></tr>
<tr><td >Menge: <input type="text" id="goods_number" ></td></tr>
<tr><td >Verkäufer: Yi Damai</td></tr>
</tbody>
<tfuß>
<tr>
<td>Zahlungsmethode:
<Klasse auswählen="w100">
<option value ="e">Virtuelles Konto</option>
<option value ="r">Bargeldkonto</option>
<option value="b">Online-Banking</option>
</Auswählen>
</td>
<td>Gesamtpreis: <span id="total_price">0</span> Zehntausend Yuan</td>
</tr>
</tfoot>
</Tabelle>

Effektbild:


Zellen - Zeilen zusammenführen (rowspan)
Zelle – Spalten zusammenführen (colspan)
Das Bild füllt das <td> - Breite und Höhe auf 100% setzen

<<:  Vorgehensweise, wenn die Online-MySQL-Auto-Increment-ID erschöpft ist

>>:  Zeitleistenimplementierungsmethode basierend auf ccs3

Artikel empfehlen

Docker5 - Vollfunktionaler Hafenlager-Bauprozess

Harbor ist ein Registry-Server auf Unternehmenseb...

Lösen Sie das Problem der Docker-Protokollmontage

Der Schlüssel ist, dass der lokale Server keine S...

Bootstrap+Jquery zum Erreichen eines Kalendereffekts

In diesem Artikel wird der spezifische Code von B...

Implementierung der privaten Docker-Bibliothek

Die Installation und Bereitstellung eines private...

Detaillierte Erklärung der Linux-CPU-Last und CPU-Auslastung

CPU-Last und CPU-Auslastung Beides kann bis zu ei...

Detaillierte Erklärung des MySQL-Ausführungsplans

Die EXPLAIN-Anweisung liefert Informationen darüb...

Führen Sie die Schritte zur Installation von MySQL 8.0.x unter Linux aus.

MySQL Einführung in MySQL MySQL war ursprünglich ...

Tutorial zur Tomcat-Konfiguration für Nginx/Httpd-Lastausgleich

Im vorherigen Blog haben wir über die Verwendung ...

Verwandte Vorgänge zum Hinzufügen und Löschen von Indizes in MySQL

Inhaltsverzeichnis 1. Die Rolle des Index 2. Erst...

Eine kurze Erläuterung der Rolle und Funktionsweise von Schlüsseln in Vue3

Welche Funktion hat dieses Schlüsselattribut? Sch...

Eine kurze Diskussion über JS-Prototypen und Prototypenketten

Inhaltsverzeichnis 1. Prototyp 2. Prototypzeiger:...