Teilen Sie den HTML-Code der in der Tabelle zusammengeführten Zellen und IMG-Bilder, die das gesamte TD abdecken

In diesem Artikel werden hauptsächlich in Tabellen zusammengeführte Zellen und Bilder vorgestellt, die das gesamte TD abdecken. Freunde, die es benötigen, können darauf verweisen. Quellcode (löscheneinigeKlasse):

Code kopieren

Der Der Code lautet wie folgt:

<table> 
<thead> 
<tr><th colspan=2 >买家：易小麦</th></tr> 
</thead> 
<tbody> 
<tr> 
<td rowspan=4 > 
<img src="../img/103.jpg" 
width
="100%" 
height
="100%"> 
</td> 
<td >物品名称：移动电源</td> 
</tr> 
<tr><td >单价：￥28 元</td></tr> 
<tr><td >数量：<input type="text" id="goods_number" ></td></tr> 
<tr><td >卖家：易大麦</td></tr> 
</tbody> 
<tfoot> 
<tr> 
<td>支付方式: 
<select class="w100"> 
<option value ="e">虚拟账户</option> 
<option value ="r">现金账户</option> 
<option value="b">网上银行</option> 
</select> 
</td> 
<td>总价：<span id="total_price">0</span>万元</td> 
</tr> 
</tfoot> 
</table>

Rendering:


Zelle – Zeilenzusammenführung (rowspan)
Zelle – Spaltenzusammenführung (colspan)
Das Bild ist vollb6c5a531a458a2e790c1fd6421739d1c——Setzen Sie Breite und Höhe auf 100 %

Das obige ist der detaillierte Inhalt vonTeilen Sie den HTML-Code der in der Tabelle zusammengeführten Zellen und IMG-Bilder, die das gesamte TD abdecken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!