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>
Rendu :
Cellule - Fusion de lignes (rowspan)
Cellules - Fusion de colonnes (colspan)
Les images sont pleines
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 !