Maison > interface Web > tutoriel HTML > Comment fusionner les cellules d'un tableau et les images img pour couvrir l'intégralité du td html

Comment fusionner les cellules d'un tableau et les images img pour couvrir l'intégralité du td html

高洛峰
Libérer: 2017-03-06 16:41:40
original
3517 Les gens l'ont consulté

Cet article présente principalement le HTML des cellules fusionnées du tableau et les images img couvrant l'ensemble du TD. Les amis dans le besoin peuvent s'y référer. Code source (supprimé certaines Classes) :

Le code est le suivant :

<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="Comment fusionner les cellules d'un tableau et les images img pour couvrir l'intégralité du td html" > 
</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>
Copier après la connexion


Rendu :
Comment fusionner les cellules dun tableau et les images img pour couvrir lintégralité du td html

Cellule - Fusion de lignes (rowspan)
Cellules - Fusion de colonnes (colspan)
Les images sont pleines

- Définir la largeur et la hauteur à 100 %

Plus de cellules fusionnées dans le tableau et d'images img Pour des articles connexes sur la façon de remplir l'intégralité du TD avec HTML, veuillez faire attention au site Web PHP chinois !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal