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

高洛峰
Freigeben: 2017-03-06 16:41:40
Original
3524 Leute haben es durchsucht

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>
Nach dem Login kopieren


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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage