在html中跳过一行的最佳方法是什么？

Question

我已经阅读并访问了很多网站，但他们都没有为我提供简单的解决方案。我想知道的是在html中添加/跳过一行的最佳方法是什么？我最常使用的是两个<br />标签，但我知道这个问题有一个更简单的解决方案。有没有办法使用css跳过一行，而不是这样做：

<p>Hello. <br /><br />This is a test</p> 

Answer 1

您可以简单地使用2个单独的段落（<p>）标记。例如：

<p>Hello.</p>
<p>This is a test</p> 

这是demo。

Answer 2

我认为使用br标签总是一个坏主意。尝试使用段落，css填充，css边距，小时。请尝试避免br，因为它不是semantic并且在您的网站中使用正确的标记＆＃34;有助于搜索＆＃34;引擎了解您的网站＆＃34;

Answer 3

你可以用div包围'Hello'并添加maring-bottom的css，例如：

<p>
    <div style='margin-bottom: 40px;'>Hello.</div>
    This is a test
</p>

Answer 4

 

从语义上讲，这取决于你的目的。在这种情况下做任何事情都是最好的。一些例子。

1. 如果你真的需要跳过一行，也就是说，你的文字中没有任何内容的空行，那么一定要使用两个<br>元素。

   This is one line of text<br>
   This is also one line of text<br>
   The next line happens to be empty<br>
   <br>
   And here is another line, not empty<br>
   

   等等。

2. 但是，如果你想在两个散文块之间创建一些空格，那么这两个块应该是段落，如其他答案所述。

3. 如果第一部分是一堆单独的行，但第二部分是散文，只有第二部分需要是一个段落。无需将第一部分括在<p>标记中。例如：

   Add the water to the recipe<br>
   Add the salt<br>
   
   <p>Note: stir thoroughly!</p>
   

4. 如果您打算分开两行文字，表示他们不属于一起，您可以使用<hr>。如果你愿意，让它隐身。

   This is some text
   <hr style="opacity:0">
   This is some unrelated text
   

5. 如果下一行恰好是对文本后半部分的介绍，请将其更改为<h4>（即，此处所需的任何级别的标题）。

   The last line of the previous section
   <h4>Introduction</h4>
   The fist line of the next section
   

   这是有效的，因为标题内置了边距。

6. 最后，如果您的两个HTML元素中已包含两个文本块的现有html，则不必更改标记;您需要做的就是为CSS中的这些元素设置顶部和底部边距 假设它们在<section> s：

   <style>
     section {margin:1em 0}
   </style>
   ...
   ... The last line of the previous section</section>
   <section>The fist line of the next section ...
   

Answer 5

<p>Hello. <br /> &nbsp; <br> This is a test</p>

Answer 6

使用块级元素会有所帮助。例如，p是一个块级元素，可以给出换行符。

所以你可以将文字分为两段。并将边距/填充设置为段落

使用<br>是一种不好的方法。

Answer 7

尝试在需要空格的位置使用：

DUPEFILTER_DEBUG

如果您需要多个空格，请按以下方式连续重复代码：

     

等