Question

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

<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

您是否尝试在<br />之后添加<table>代码？

我希望这适合你。

Answer 2

删除属性align =＆＃34; left＆＃34;在表格标签

Answer 3

    <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>

此处我从align='left'标记中删除了table属性。现在，文本位于表格末尾的下一个新行中。

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

Answer 4

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

HTML无法创建新的换行符

4 个答案: