html表格td';s和tr';正在消失

html表格td';s和tr';正在消失,html,html-table,tablerow,Html,Html Table,Tablerow,我正在经历一些很奇怪的事情。我正在开发一个聊天系统,其中包含基于表格的行和内容,但格式一直混乱。我一直想知道为什么,直到我看到源代码中不起作用的部分,它看起来是这样的: <table border="0"> <tbody> <tr class="chatline" style="background:white;border-style:none;border-top:1px solid grey;padding:0px;"> <td style

我正在经历一些很奇怪的事情。我正在开发一个聊天系统,其中包含基于表格的行和内容,但格式一直混乱。我一直想知道为什么,直到我看到源代码中不起作用的部分,它看起来是这样的:

<table border="0"> 
<tbody> 

<tr class="chatline" style="background:white;border-style:none;border-top:1px solid grey;padding:0px;"> 
<td style="background:#A0D7FF;margin:0px;width:1%;"><span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;">kpsuperplane</span></td> 
<td style="color:black;background:white;"><span style="color:black;padding:2px;">test</span></td> 
</tr> 
<tr class="chatline" style="background:white;border-style:none;border-top:1px solid grey;padding:0px;"> 
<td style="background:#A0D7FF;margin:0px;width:1%;"><span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;">kpsuperplane</span></td> 
<td style="color:black;background:white;"><span style="color:black;padding:2px;">test</span></td> 
</tr> 
</tbody>
</table>

超平面
试验
超平面
试验
然而,当我通过chrome中的开发工具查看它时,我得到了以下信息:

 <table border="0"> 
    <tbody> 
    <span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;">kpsuperplane</span>
<span style="color:black;padding:2px;">test</span>
   <span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;">kpsuperplane</span>
<span style="color:black;padding:2px;">test</span>
    </tbody>
    </table>

超平面
测试
超平面
测试
知道为什么会这样吗?td和tr在呈现时会自动从文档中删除。这并不是铬的特性。dreamweaver中的实时代码给出了同样令人费解的结果。 下图:


我在JSFIDLE中测试了这一点,似乎没有问题。我还在自己的环境(chrome)中测试了它,效果很好。尝试在表上方的代码中查找未关闭的标记

编辑:

将代码粘贴到w3c验证程序中。我在html中发现了13个错误/警告。检查错误和具体的行号


我发现在
表中有
div
标记,但它们没有被
tr
包装。我相信您将能够在验证器输出中找到其余部分

很抱歉,这不是答案,但它不会让我发表评论


我用开发工具在chrome上尝试了相同的代码,它向我展示了tr和td,所以我不知道你的情况。我将上述代码封装到html和body标记中

根据您的JSFIDLE:您在HTML结构中有一个简单的错误,这里是复制粘贴

 </tr> 
</table> 
</div> 

<tr class="chatline" style="background:white;border-style:none;border-top:1px solid    grey;padding:0px;"> 


你们把桌子关上,然后不打开它。ctrl+f并键入/table。我建议您仔细阅读它并生成有效的html;)

你能在什么地方复制一下吗。。JSFIDLE会很好的..不能。数据是通过phpals从数据库加载的,所以请尝试给它一个doctype并呈现它,但您可以在jsfiddle上托管标记,对吗?不必考虑上述内容。Js小提琴这里:+1。顺便说一句,也可能是缺少引号(“)也产生了这个奇怪的问题,尽管正如特雷弗提到的,不是像感谢这样的关闭标记。我在代码中发现了一个语法错误,我已经修复了它。有点尴尬,我自己从来没有发现它。