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

Installationsschritte von Docker-CE auf dem Raspberry Pi 4b Ubuntu19-Server

Das Raspberry Pi-Modell ist 4b, 1 G RAM. Das Syst...

Detaillierte Schritte zur Verwendung von Arthas in einem Docker-Container

Was kann Arthas für Sie tun? Arthas ist das Open-...

Detaillierte Analyse des Unterschieds zwischen Ref und Reactive in Vue3.0

Inhaltsverzeichnis Ref und Reaktiv Referenz Reakt...

Eine kurze Analyse kontrollierter und unkontrollierter Komponenten in React

Inhaltsverzeichnis Unkontrollierte Komponenten Ko...

So stellen Sie War-Pakete manuell über Tomcat9 unter Windows und Linux bereit

Die Ergebnisse sind in Windows- und Linux-Umgebun...

So verwenden Sie JSONP in Vue

Inhaltsverzeichnis 1. Einleitung 2. Installation ...

CSS3-Implementierungscode für den kreisförmigen Fortschritts-Tick-Effekt

Inhaltsverzeichnis 8. Kreisförmiger Fortschritts-...

Ein Artikel bringt Ihnen die Vererbung von JS-Funktionen bei

Inhaltsverzeichnis 1. Einleitung: 2. Vererbung de...