Разбиение абзацев в html без использования тегов BR

Question

Это просто простой вопрос. Должен ли я помещать теги br в свой HTML, чтобы получить абзацы, которые нужно правильно разделить с пространством между ними?

<p> 
This is just a test example. 

This is a new paragraph. 

This is a third paragraph. 
</p> 

Однако на моем сайте он удаляет все разрывы строк абзаца. Чтобы получить перерывы, я должен вставить два разрыва строки в свой код, чтобы отобразить его.

<p> 
This is just a test example. 
<br /><br /> 
This is a new paragraph. 
<br /><br /> 
This is a third paragraph. 
</p> 

Есть ли способ вокруг того, чтобы вставить <br> «S без использования pre тега, который, кажется, чтобы заставить форматирование текста/шрифт.

Answer 1

Помимо использования тега <pre>, вы можете использовать white-space: pre для того, чтобы соблюдались перерывы в линии.

p { 
 
    white-space: pre; 
 
    word-break: break-word; 
 
}

<p>This is just a test example. 
 

 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien arcu, laoreet eget lobortis nec, volutpat in dui. Pellentesque luctus nibh feugiat, ultrices ex ac, porttitor mi. Vivamus vestibulum risus eu arcu tristique, quis blandit libero lacinia. Cras iaculis nec tortor sed consequat. Integer ornare pellentesque orci. Etiam malesuada imperdiet augue non elementum. 
 

 
This is a third paragraph. 
 
</p>

Answer 2

сделать каждый пункт его собственного тега.

<p>This is just a test example.</p> 
<p>This is a new paragraph.</p> 
<p>This is a third paragraph.</p> 

И тогда вы можете контролировать поля или отступы р теге через CSS, чтобы контролировать расстояние между выше и ниже каждым пунктом.

Answer 3

<br /> - как символ новой строки. Он не отображается пользователю. Кроме нескольких <br /> тегов и <pre></pre> тегов, вы можете написать свой текст, как это:

<p>This is just a test example.</p> 
<p>This is a new paragraph.</p> 
<p>This is a third paragraph.</p> 

Answer 4

<p> тега означает «часть», поэтому постарайтесь оборачивать каждый абзац в одном из них. См. Это pen.

Answer 5

Способ анализа HTML, все пробелы или символы новой строки превращаются в одно пространство. Даже это будет показывать только один пробел между двумя словами:

<p>This 
         example</p> 

< предварительно > теги только пункты с CSS по умолчанию установлен на них, чтобы они имеют монотипия шрифт и свойство CSS white-space: pre;. Я бы не рекомендовал использовать это, однако текст HTML должен был быть разделен на <p> теги.

Answer 6

<br> - это линия перерыв. Это означает, что он перемещает текст на следующую строку. Если вы хотите пробел, вы будете использовать 2 <br> с.

Без использования <pre> Есть несколько способов, вы можете вставить разрывы вы хотите

CSS:

p {white-space: pre;} 

HTML

<p>Line 1</p> 
<p>Line 2</p> 
<p>Line 3</p> 

Div элементы также работают, подобным образом.