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

Vue3 kapselt die Textskelett-Effektkomponente der Seitennavigation

Vue3-Projektkapselung Seitennavigation Textskelet...

Grundlagen und Beispiele zur TypeScript-Aufzählung

Inhaltsverzeichnis Vorwort Was sind Enumerationen...

Analyse des Unterschieds zwischen relativem und absolutem HTML-Pfad

Gerade HTML-Anfänger stehen häufig vor dem Problem...

Vue implementiert Studentenverwaltungsfunktion

In diesem Artikelbeispiel wird der spezifische Co...

Lösung für den Fehler bei der MySQL-Remoteverbindung

Ich bin schon einmal auf das Problem gestoßen, da...

Vermeiden Sie den Missbrauch zum Lesen von Daten in Vue

Inhaltsverzeichnis Vorwort 1. Der Prozess der Ver...

Detaillierte Bereitstellung von Docker+Gitlab+Gitlab-Runner

Umfeld Server: centos7 Kunde: Fenster Stellen Sie...

Zusammenfassung der Tipps zur Verwendung von coalesce() in MySQL

Vorwort Kürzlich habe ich zufällig MySQLs Coalesc...