Question

我正在使用这个简单的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>

但是在显示时，它有一些未知的新行：

我使用Chrome的Inspect Element并看到类似的东西

enter image description here

我不知道原因！我该如何解决？

Answer 1

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

由于不允许使用br元素，因此您的浏览器会尝试通过将其移至表格之前从错误中恢复。

要解决问题，write valid HTML。

Answer 2

从<br/>删除所有<tr>将解决您的问题。

在HTML中显示未知的新行

2 个答案: