HTML无法创建新的换行符

-1

我不明白为什么我无法在此简单的HTML代码中插入新行。我尝试了<p>标签和<br>以及<h4>等。我知道它必须是一个简单的解决方案，但我找不到它。最后一句话必须放在桌子下面。下面是代码：HTML无法创建新的换行符

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

有什么建议？

来源

2015-05-18 cihata87

您的HTML标记无效。学习如何使用[验证器]（http://validator.w3.org/）来检查您的标记。 – Vucko

这是你的'align = left'在桌子上。 –

https://jsfiddle.net/o0wdj9rc/ just remove align =“left” –

卸下属性对齐在表中标记

来源

2015-05-18 10:51:06

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

我希望这对你有用。

来源

2015-05-18 10:47:09 Cornest

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

来源

2015-05-18 10:49:44 swetha

<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'属性=“左”。现在文本在表格末尾的新行中。

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

来源

2015-05-18 10:58:22

HTML无法创建新的换行符

回答

相关问题