HTML 无法创建新的换行符

Question

我不明白为什么我不能在这个简单的 html 代码中插入一个新行。我尝试了 <p> 标签和 <br> 以及 <h4> 等。我知道这一定是一个简单的解决方案，但我找不到。最后一句必须在table下。这是代码：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
    <body>
        <h2>
            <span style="color:#FF0000;">Summary</span>
        </h2>
        <h4></h4>
        <table align="left" border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
            <thead>
                <tr>
                    <th scope="col" style="text-align: left;">RESULT</th>
                    <th scope="col" style="text-align: left;">QUANTITY</th>
                    <th scope="col" style="text-align: left;">PERCENTAGE</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>A</td>
                    <td>56</td>
                    <td>3,69</td>
                </tr>
                <tr>
                    <td>B</td>
                    <td>153</td>
                    <td>10,09</td>
                </tr>
                <tr>
                    <td>C</td>
                    <td>349</td>
                    <td>23,02</td>
                </tr>
                <tr>
                    <td>D</td>
                    <td>393</td>
                    <td>25,92</td>
                </tr>
                <tr>
                    <td>E</td>
                    <td>565</td>
                    <td>37,27</td>
                </tr>
                <tr>
                    <td>
                        <b>SUM</b>
                    </td>
                    <td>
                        <b>1516</b>
                    </td>
                    <td>
                        <b>100</b>
                    </td>
                </tr>
            </tbody>
        </table>
        <p>I want Newline here!!</p>
    </body>
</html>

有什么建议吗？

Answer 1

您是否尝试过在 <table> 之后添加 <br /> 标签？

希望这对你有用。

Answer 2

改用<div style="clear:both;height:1px;"><p>I want Newline here!!</p> </div>。

Answer 3

删除 table 标签中的属性 align="left"

Answer 4

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html><body>
<h2><span style="color:#FF0000;">Summary</span></h2>
<table  border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
<thead><tr><th scope="col" style="text-align: left;">RESULT</th>
<th scope="col" style="text-align: left;">QUANTITY</th>
<th scope="col" style="text-align: left;">PERCENTAGE</th></tr></thead>
<tbody><tr><td>A</td><td>56</td><td>3,69</td></tr><tr>
<td>B</td><td>153</td><td>10,09</td></tr><tr>
<td>C</td><td>349</td><td>23,02</td></tr><tr>
<td>D</td><td>393</td><td>25,92</td></tr><tr>
<td>E</td><td>565</td><td>37,27</td></tr><tr>
<td><b>SUM</b></td><td><b>1516</b></td><td><b>100</b></td></tr></tbody></table>
<p>I want Newline here!!</p></body></html>

这里我从 table 标签中删除了 align='left' 属性。现在文本在 table.

末尾的下一个新行中

希望这能解决您的问题。如果还有其他问题，请相应评论。

HTML 无法创建新的换行符

HTML cannot create a new line break

html

newline