Heim >Web-Frontend >HTML-Tutorial >So führen Sie Tabellenzellen und IMG-Bilder zusammen, um das gesamte TD-HTML abzudecken

So führen Sie Tabellenzellen und IMG-Bilder zusammen, um das gesamte TD-HTML abzudecken

高洛峰
高洛峰Original
2017-03-06 16:41:403508Durchsuche

In diesem Artikel wird hauptsächlich der HTML-Code der in der Tabelle zusammengeführten Zellen und IMG-Bilder vorgestellt, die den gesamten TD abdecken. Freunde in Not können darauf verweisen. Quellcode (einige Klassen gelöscht):

Der Code lautet wie folgt:

<table> 
<thead> 
<tr><th colspan=2 >买家:易小麦</th></tr> 
</thead> 
<tbody> 
<tr> 
<td rowspan=4 > 
<img  src="../img/103.jpg"    style="max-width:90%"  style="max-width:90%" alt="So führen Sie Tabellenzellen und IMG-Bilder zusammen, um das gesamte TD-HTML abzudecken" > 
</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:
So führen Sie Tabellenzellen und IMG-Bilder zusammen, um das gesamte TD-HTML abzudecken

Zelle – Zeilenzusammenführung (rowspan)
Zellen – Spaltenzusammenführung (colspan)
Bilder sind vollständig

– Breite und Höhe auf 100 % einstellen

Weitere zusammengeführte Tabellenzellen und Bildbilder Für verwandte Artikel zum Füllen Das gesamte TD mit HTML, bitte achten Sie auf die chinesische PHP-Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn