Question

浏览器似乎正在呈现＆lt; br＆gt;在我的＆lt; table＆gt;之前标记。整个页面应该在同一个表中呈现，但是＆lt; br＆gt;创建了一个恼人的空白。不在代码中的标记。

代码如下所示，包括使用View Source：

<body>
   <div class='container'>
      <table cellpadding="0" cellspacing="0" width="978px" style="border:2px solid blue;">

但是页面在浏览器中有一个很大的空间，当我在Chrome中使用“inspect element”时，它就像这样：

<body>
   <div class='container'>
      <br>
      <table cellpadding="0" cellspacing="0" width="978px" style="border:2px solid blue;">

我仔细研究了我的CSS和我的代码，我无法弄明白。

如果我需要在某个地方更具体，请告诉我。

Answer 1

由于页面上没有任何脚本，我唯一能想到的是因为代码isn't valid而被注入。尝试修复那里的错误，看看它是否解决了你的问题。

Answer 2

如果通过Chrome的Inspect Element显示真的有<br>标记，那么我会根据我的知识检查你的Javascript，你不能通过CSS插入DOM元素。如果你肯定这不是问题，我会尝试禁用所有浏览器插件，以消除其中一个插件的可能性。

编辑：这是无效的语法，特别是

            <div>
            <table cellpadding="0" cellspacing="0" width="978px" style="border:2px solid blue;">
                <tr style='font-size:1px'><td width="200px">&nbsp;</td><td width="500px">&nbsp;</td><td width="200px">&nbsp;</td></tr>                        
                        <tr><td rowspan='2' class="logobox"><img src="http://www.frontrowking.com/images/FRK-LOGO.gif" alt="Front Row King Tickets" width="198" height="102" align="left" class="logo" /></td>
                            <td width='771px' height='70px' style='vertical-align:center; text-align:center;'>
                                Test Page Tickets
                                Keyword Text!
                                <div style='vertical-align:bottom;'>breadcrumbs &gt;&gt; breadcrumb</div>
                            </td></tr>
                        <tr><td colspan="2" align="center" style='vertical-align:bottom;'>
                            <table cellpadding="0" cellspacing="0" border-spacing='0' width="100%" style="border:none; max-height:34px; margin-top:8px;">
                                <tr class='navbar'>
                                    <td class="hov" width="18%"><div align="center"><a class="header-link">menu3</a></div></td> 
                                    <td class="hov" width="18%"><div align="center"><a class="header-link">menu</a></div></td> 
                                    <td class="hov" width="18%"><div align="center"><a class="header-link">menu</a></div></td>
                                    <td class="hov" width="30%"><div align="center"><input type='text' /><a class="header-link">search</a></div></td>
                                </tr>
                            </table>
                        </td>
                        </tr>
            </div>

在关闭div之前，您关闭了外部table。在</div>之后移动</table>应该可以解决问题。

标记<table> </table>之前由浏览器呈现的幻像<br/>标记

2 个答案: