2015-05-18 3 views
-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>

Любые предложения?

+1

Недопустимая ваша разметка HTML. Научитесь использовать [validator] (http://validator.w3.org/) для проверки вашей разметки. – Vucko

+1

Это ваш 'align = left' на столе. –

+0

https://jsfiddle.net/o0wdj9rc/ просто удалить align = "left" –

ответ

1

Удалить атрибут ALIGN = «влево» в таблице тега

1

Вы пытались добавить тэг <br /> после <table>?

Я надеюсь, что это сработает для вас.

0

Используйте вместо этого <div style="clear:both;height:1px;"><p>I want Newline here!!</p> </div>.

1
<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 тега. Теперь текст находится в следующей новой строке в конце таблицы.

Надеюсь, что эта проблема была устранена. Если есть какая-то другая проблема, тогда прокомментируйте это.

Смежные вопросы