html table td中放图片注意事项

例子,下面td中存放了一个img,td的高度很小,也就是7,img后如果紧跟</td>,就正常显示,如果</td>换行,就会将td撑开,不正常显示

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr align="center">
<td background="images/index-6.gif" height="7">
<img id="i" src="images/index-5.gif" width="81" height="7" style="cursor: pointer;" border="0" alt="隐藏"/></td>
</tr>
</table>
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的示例代码,实现了表格图片和数据内容的修改: HTML代码: ```html <!DOCTYPE html> <html> <head> <title>表格数据修改</title> <meta charset="UTF-8"> </head> <body> <h1>表格数据修改</h1> <form method="post" action="update.php"> <table> <tr> <th>名称</th> <th>图片</th> <th>描述</th> </tr> <tr> <td>商品1</td> <td><img src="image1.jpg" width="100"></td> <td><input type="text" name="desc1" value="描述1"></td> </tr> <tr> <td>商品2</td> <td><img src="image2.jpg" width="100"></td> <td><input type="text" name="desc2" value="描述2"></td> </tr> </table> <input type="submit" name="submit" value="保存"> </form> </body> </html> ``` PHP代码(update.php): ```php <?php if(isset($_POST['submit'])){ // 获取表单提交的数据 $desc1 = $_POST['desc1']; $desc2 = $_POST['desc2']; // 修改图片和数据 $image1 = $_FILES['image1']['name']; $image2 = $_FILES['image2']['name']; move_uploaded_file($_FILES['image1']['tmp_name'], $image1); move_uploaded_file($_FILES['image2']['tmp_name'], $image2); // 更新html文件 $html = file_get_contents('table.html'); $html = preg_replace('/<img src="image1.jpg"/', '<img src="'.$image1.'"', $html); $html = preg_replace('/<img src="image2.jpg"/', '<img src="'.$image2.'"', $html); $html = preg_replace('/<input type="text" name="desc1" value="(.*?)">/', '<input type="text" name="desc1" value="'.$desc1.'">', $html); $html = preg_replace('/<input type="text" name="desc2" value="(.*?)">/', '<input type="text" name="desc2" value="'.$desc2.'">', $html); file_put_contents('table.html', $html); echo '表格数据已更新!'; } ?> ``` 说明: 1. HTML表格中,每一行的图片和数据都用一个form表单包裹,表单的method属性设置为post,action属性指向update.php文件。 2. 在表格中,图片的src属性设置为固定的文件名,而不是实际的文件路径。 3. PHP代码中,首先判断是否提交了表单,如果是则获取表单提交的数据。 4. 通过$_FILES数组获取上传的图片文件名,并将文件保存到服务器上。 5. 使用正则表达式替换html文件中的图片和数据内容,将表单提交的内容更新到html文件中。 6. 最后输出提示信息,表格数据修改完成。 注意事项: 1. 本示例代码只是提供了一种简单的表格数据修改方法,实际应用中还需要根据具体需求进行修改和优化。 2. 为了安全起见,需要对上传的图片文件进行验证和过滤,避免恶意文件上传和文件覆盖等问题。 3. 如果需要修改的表格数据较多,可以考虑使用数据库存储数据,通过PHP连接数据库进行修改,更加灵活和高效。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值