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

So löschen Sie eine Eigenschaft eines Objekts in JavaScript

1. löschen delete ist die einzige wirkliche Mögli...

Detaillierte Erklärung des Synchronisierungsmodifikators von Vue

Inhaltsverzeichnis 1. Anweisungen 2. Modifikatore...

So zeigen Sie den Status von Remote-Serverdateien in Linux an

Wie unten dargestellt: Der Testbefehl stellt fest...

Zusammenfassung des Front-End-Wissens im Gokudō-Spiel

Hintergrund Zu Beginn meines Japanisch-Lernens fi...

So installieren Sie die grafische Benutzeroberfläche unter Linux

1. Linux-Installation (Root-Benutzerbetrieb) 1. I...

Erklärung des HTML-Codes der Webseite: geordnete Liste und ungeordnete Liste

In diesem Abschnitt lernen wir Listenelemente in ...

Diskussion über die Browsing-Designmethode für Webseiteninhalte

<br />Wenn ein Artikel auf einer Inhaltsseit...

Detaillierte Erklärung der Winkelinhaltsprojektion

Inhaltsverzeichnis Einzelne Inhaltsprojektion Mul...

MySQL-Joinpufferprinzip

Inhaltsverzeichnis 1. MySQL-Joinpuffer 2. JoinBuf...

Detaillierte Schritte zur Dateisteuerungsverwaltung für Linux-Konten

Im Linux-System gibt es neben den verschiedenen, ...

Abfrageprozess und Optimierungsmethode der (JOIN/ORDER BY)-Anweisung in MySQL

Die EXPLAIN-Anweisung wird im MySQL-Abfrageanweis...

Docker führt Vorgänge mit dem angegebenen Speicher aus

wie folgt: -m, --memory Speicherlimit, das Format...