You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

PHP新手求助:如何在echo输出的表格中添加span并解决移位问题

解决echo输出表格中添加span标签导致移位的问题

嗨,兄弟!我一眼就看出你遇到的问题根源——HTML标签没有正确闭合,这可是新手写PHP嵌入HTML时最容易踩的坑,浏览器遇到未闭合的标签会乱解析,自然就把表格布局搞移位啦。

先看看你原始代码的问题:

这里每一行都有两个明显问题:

  • <span>标签只写了开头,没有对应的闭合标签</span>
  • <td>标签也缺少闭合的</td>(哪怕最后一行没写完,前面的标签也没闭合)

正确的语法写法

只要保证每个HTML标签都成对出现,就能解决移位问题,完整代码应该是这样的:

<td><span id="name<?php echo $row['id']; ?>"><?php echo $row['name']; ?></span></td>
<td><span id="email<?php echo $row['id']; ?>"><?php echo $row['email']; ?></span></td>
<td><span id="username<?php echo $row['id']; ?>"><?php echo $row['username']; ?></span></td>

更简洁的写法(可选)

如果你的PHP环境开启了短标签(现在大多数服务器默认都支持),可以用<?=代替<?php echo,代码会更清爽易读:

<td><span id="name<?= $row['id'] ?>"><?= $row['name'] ?></span></td>
<td><span id="email<?= $row['id'] ?>"><?= $row['email'] ?></span></td>
<td><span id="username<?= $row['id'] ?>"><?= $row['username'] ?></span></td>

小排查技巧

以后再遇到布局混乱的情况,右键页面选择查看页面源代码,检查生成的HTML结构是否完整、有没有未闭合的标签,这能帮你快速定位问题哦~

内容的提问来源于stack exchange,提问作者Kevin Watson

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.20 12:20:17