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
相关产品推荐
相关产品推荐

