table合并单元格与img图片铺满整个td的html
导读：收集整理的这篇文章主要介绍了table合并单元格与img图片铺满整个td的html，觉得挺不错的，现在分享给大家，也给大家做个参考。 源代码（删除了些Class）： 复制代码代码如下: <table> <thea...
收集整理的这篇文章主要介绍了table合并单元格与img图片铺满整个td的html，觉得挺不错的，现在分享给大家，也给大家做个参考。 源代码（删除了些Class）： 复制代码代码如下:
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>
效果图：
单元格——行合并（rowspan）
单元格——列合并（colspan）
图片占满td> ——设置width和height为100%
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： table合并单元格与img图片铺满整个td的html
本文地址： https://pptw.com/jishu/587994.html