代码之家  ›  专栏  ›  技术社区  ›  Nam Vu

在HTML中显示未知新行

  •  -1
  • Nam Vu  · 技术社区  · 13 年前

    我正在使用这个简单的HTML代码

    <html>
    
        <head>
            <meta name='viewport' content='width=device-width; initial-scale=1.0;
             maximum-scale=1.0; user-scalable=0;' />
            <meta name='apple-mobile-web-app-capable' content='yes' />
        </head>
    
        <body>
            <div align='center'>
                <img src='data:image/png;base64,Base64_code' />
            </div>
            <br/>
            <table>
                <tr>
                    <td>
                        <br/>April 2, 2013
                        <br/>xxxxxxx
                        <br/>
                        <br/>2xxxxx xxxxxxx
                        <br/>xxxxxxxx
                        <br/>
                        <br/>Hello xxxx,
                        <br/>
                    </td>
                    <br/>
                    <td>
                        <br/>
                        <img src='data:image/jpeg;base64,Base64_code' />
                        <br/>
                    </td>
                    <br/>
                </tr>
                <br/>
                <tr>
                    <br/>
                    <td colspan='2' align='center'>
                        <br/>
                         <h2><font color='blue'>xxxxxxxxxxx</font></h2>
    
                        <br/>
                    </td>
                    <br/>
                </tr>
                <br/>
                <tr>
                    <br/>
                    <td>
                        <br/>xxxxxxxxxxxx
                        <br/>
                        <br/>xxxxx xxxxx
                        <br/>
                        <br/>xxxxxxx
                        <br/>
                        <br/>xxxxxxxx
                        <br/>
                        <br/>xxxxxx
                        <br/>
                        <br/>
                        <br/>xxxx
                        <br/>xxxx
                        <br/>xxxxxx
                        <br/>
                    </td>
                    <br/>
                    <td>
                        <br/>
                        <img src='data:image/jpeg;base64,/9j/
                   +691//2Q==' />
                        <br/>
                    </td>
                    <br/>
                </tr>
                <br/>
            </table>
        </body>
    
    </html>
    

    但当显示时,它有一些未知的新行:

    我使用了铬元素检测,看到了类似的东西

    enter image description here

    我不知道原因!我该怎么修?

    2 回复  |  直到 7 年前
        1
  •  3
  •   Quentin    13 年前

    这个 content model of tr elements 是“零个或多个td或th元素”。

    由于不允许在那里使用br元素,您的浏览器正试图通过将其移动到表之前来从错误中恢复。

    为了解决该问题, write valid HTML .

        2
  •  1
  •   Iswanto San Ajay2707    13 年前

    全部删除 <br/> 来自您的 <tr> 将解决您的问题。