可以在<p>元素上应用line-height，这样行就变大了。

据我所知<br>没有高度，它只是强制换行。你得到的是一个文本，除了自动换行之外，还有一些换行符，而不是段落。您可以更改行间距，但这将影响所有行。

迈克尔和尤达都是对的。你能做的是使用<p>标签，它是一个块标签，使用底部边距来抵消下面的块，所以你可以做类似的事情来获得更大的间距:

<p>
    A block of text.
</p>
<p>
    Another block
</p>

另一种替代方法是使用block <hr>标记，使用该标记可以显式地定义间距的高度。

你也可以在CSS中使用“block-quote”属性。这样一来，它就不会影响到你的每一行，而是允许你为段落之间的换行符或“块引号”设置参数。

更新: 我接受纠正。"blockquote"实际上是一个HTML属性。你在工作中使用它就像< p >和< /p >一样。然后，您可以在css中设置块引号的参数，如

blockquote { margin-top: 20px }

希望这能有所帮助。它类似于在br上设置参数，并且可能与跨浏览器兼容，也可能不兼容。

Css:

br {
   display: block;
   margin: 10px 0;
}

解决方案可能不跨浏览器兼容，但至少是可以的。还可以考虑设置行高:

line-height:22px;

对于谷歌Chrome浏览器，考虑设置内容:

content: " ";

除此之外，我认为您只能使用JavaScript解决方案了。

我以前没有尝试过:before/:after CSS2伪元素，主要是因为它只在IE8中被支持(这涉及到IE浏览器)。这可能是唯一可能的CSS解决方案:

br:before {
    display: block;
    margin-top: 10px;
    content: "";
}

下面是QuirksMode上的一个例子。

我有个想法也许能派上用场

br:after {
    content: ".";
    visibility: hidden;
    display: block;
}

但这在chrome或firefox上行不通。

我只是觉得我应该提一下以防别人也这么想这样他们就不用麻烦了。

另一种方法是使用人力资源。但是，狡猾的是，让它隐形。

因此:

<hr style="height:30pt; visibility:hidden;" />

使用HR来模拟一个更干净的BR中断:Btw适用于所有浏览器!!

{ height:2px; visibility:hidden; margin-bottom:-1px; }

你似乎不能调整BR的高度，但你可以让它可靠地消失使用显示:无

在寻找以下问题的解决方案时遇到了这个页面:

我有一个情况，第三方支付网关(Worldpay)只允许你自定义他们的支付页面，最多10k的CSS和HTML(不允许脚本)被注入到他们的模板的主体，在一些BR，字体标签等。 再加上他们的DTD迫使IE7/8进入Quirks模式，这使得跨浏览器定制变得非常困难!

关闭BR会让事情变得更加一致……

有趣的是，如果将break标记写成完整形式，如下所示:

<br></br>

那么CSS行高:145%就可以了。 如果break标记写为:

<br> or 
<br/> 

那么它就不能工作了，至少在Chrome、IE和firefox中是这样。 奇怪!

尝试在包含br标记的p标记上使用CSS line-height属性。记住，如果你想隔离它，你可以标识你的p标签，尽管在我看来，使用div隔离可能更好。

下面是真正支持跨浏览器的正确解决方案:

  br {
        line-height: 150%;
     }

我有个问题，我用了

<div style="line-height:150%;">
    <br>
</div>

<br>为换行符。 <br />也是换行符，void元素或xhtml可以选择使用“/”。 使用<br></br>，浏览器将插入两个换行符，因为这两个换行符“实际上”相同。 没有办法增加换行符的大小，因为它只是一个换行符。 使用一个div，能见度设置为隐藏(<div style="能见度:隐藏;行高:150%;"</div>)或者更好，一个段落。

对我来说有用的是在段落标签之间添加这个内联…但这并不是最好的解决方案。

<br style="line-height:32px">

--------编辑---------

我在PC/Mac上遇到了问题…它赋予文本新的行高，但不做换行…你可能想自己做一些检查。对不起!

我使用这些方法，但我不知道是否跨浏览器

方法一======

br {
    display:none;
}

或 ======方法二======

br {
    display: block;
    margin-bottom: 2px;
    font-size:2px;
    line-height: 2px;
}
br:before {
    display: block;
    margin-top: 2px;
    content: "";
}
br:after {
    content: ".";
    visibility: hidden;
    display: block;
}

或 ======方法三======

br:after { content: "" }
br { content: "" }

记住，(mis)在某处使用<hr>标记，将结束<p>标记，所以忘记这个解决方案。 如果f.ex。在<p>周围设置样式，插入<hr>后，其余内容的样式将消失。

可能会发现一个解决方案非常简单，你只需要创建不同类型的。似乎对我有用。

例子: (html代码)

<br/ class="150%space">

(css代码)

br[class='150%space']
{
   line-height: 150%;
}

<span style="line-height:40px;"><br></span> 

你必须在内联和每个元素上这样做，但它应该在大多数浏览器上工作 调整线高以获得想要的效果。如果您在每个元素上都将其内联，那么它应该可以跨大多数浏览器和电子邮件工作(但这太复杂了，这里不讨论)。

当我无法从span标签中获得样式间距时，这为我做了一件事:

        <p style='margin-bottom: 5px' >
            <span>I Agree</span>
        </p>
        <span>I Don't Agree</span>

下面是一个在IE、Firefox和Chrome中都能运行的解决方案。其思想是将br元素的字体大小从14px增加到18px，并将元素降低4px，以便额外的大小在文本行以下。结果是br下面有4px的额外空白。

br 
{ 
font-size: 18px; 
vertical-align: -4px; 
}  

2019年9月13日更新:

我使用<br class=big>来做一个超大的换行符，当我需要一个。直到今天，我都是这样写的:

br.big {line-height:190%;vertical-align:top}

(vertical-align:top只在IE和Edge中需要。)

这在我试过的所有主要浏览器中都有效:Chrome、Firefox、Opera、Brave、PaleMoon、Edge和IE11。

然而，它最近在基于chrome的浏览器中停止工作:我的“大”换行符变成了正常大小的换行符。

(我不知道他们是什么时候打破的。截至2019年9月12日，它仍然可以在我过时的Chromium Portable 55.0.2883.11中工作，但它在Opera 63.0.3368.71和Chrome 76.0.3809.132 (Windows和Android)中被打破了。

经过一些尝试和错误，我最终用下面的替代品，它可以在所有这些浏览器的当前版本中工作:

br.big {display:block; content:""; margin-top:0.5em; line-height:190%; vertical-align:top;}

注:

line-height:190%适用于所有浏览器，除了最新版本的基于chrome的浏览器。

vertical-align:top是IE和Edge所需要的(结合line-height:190%)，以获得额外的空间在前一行之后，在它属于的地方，而不是部分在前部分在后。

display:block;content:"";margin-top:0.5em适用于Chrome、Opera和Firefox，但不适用于Edge和IE。

另一种(更简单的)方法是在<br>标记之后添加一些额外的垂直空间，如果您不介意编辑HTML，可以使用类似这样的方法。它在所有浏览器中都能正常工作:

<span style="vertical-align:-37%"> </span><br>

(当然，您可以根据需要调整“-37%”，以增大或减小差距。)下面是一个演示页面，其中包括主题的一些其他变体:

https://burtonsys.com/a_little_extra_vertical_space_for_br_tag.html



2020年5月28日:

我已经更新了演示页面;它现在演示了上述所有技术:

https://burtonsys.com/a_little_extra_vertical_space_for_br_tag.html

br {   
    content: "";
    margin: 2em;
    display: block;
    margin-bottom: -20px; 
 }

工作在Firefox, Chrome和Safari。 还没有在Explorer中测试。(windows平板电脑没电了。)

换行，字体大小在Firefox和Safari中是不同的。

所以，上面的人基本上得到了类似的答案，但在这里它非常简洁。适用于Opera, Chrome, Safari和Firefox，最有可能也适用于IE ?

br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 0; /* change this to whatever height you want it */
}

如果有人已经说过了，我很抱歉，但简单的解决方法是玩转你的“行高”。如果你在使用换行符时占用了太多的空间，这只是因为你把行高设置得太高了。你可以在CSS中纠正这个错误(但知道这会影响所有使用该属性的东西)，或者你可以使用内联样式来覆盖CSS。

使用< div >

<div>Content 1</div>Content 2

这允许没有任何垂直空间的新行。

这就变成了

<div>内容1</div>内容2

在更一般的层面上回答任何登陆这里的人，因为他们正在修复由<br>标签引起的间距问题。为了接近完美像素，我不得不做很多重置。

br {
    content: " ";
    display: block;
}

对于我要解决的特定问题，我必须在字里行间留出特定的空间。我在顶部和底部加了边距。

br {
    content: " ";
    display: block;
    margin: 0.25em 0;
}

我让它在IE7中工作通过使用解决方案的组合，但主要是包装在DIV中的Br奈杰尔和其他人建议。添加Id和运行在="服务器"，所以我可以删除BR时，从复选框行删除复选框。

.narrow {
    display: block;
    margin: 0px;
    line-height: 0px;
    content: " "; 
}

<div class="narrow" run at="server"><br></br></div>

我必须开发一种解决方案，将HTML转换为PDF，并在表格单元格中垂直中心放置文本，但除了输入普通的<br>之外，没有任何工作

因此，跳出框框，我通过调整字体大小(以pt为单位)改变了垂直大小。

<font style="font-size: 4pt"><br></font>

可能使用两个br标签是适用于所有浏览器的最简单的解决方案。但这是重复的。

<p>
content
</p>
<br /><br />
<p>
content
</p>
<br /><br />
<p>
content
</p>

像这样加一个段落而不是换行怎么样

等等，等等，等等，等等，等等 等等，等等，等等，等等，等等 等等，等等，等等，等等，等等

然后你可以为p指定线高或填充

而不是

<br>,<br/>,<hr> or <span></span> and trying different CSS properties to these tag.

我做了，我把段落放在一个div中，并给它行高:2px

# html

<div class="smallerlineHeight">
   <p>Line1</p>
   <p>Line2</p>
</div>

#css

.smallerlineHeight {
    p {
        line-height: 2px;
    }
}

我知道这是一个老问题，但对我来说，它实际上是通过使用空白段落和页边距来实现的:

<p class="" style="margin: 4px;"></p>

增加或减少边距大小将增加或减少元素之间的距离，就像边框一样，但可以调整。

最重要的是，它是浏览器兼容的。

使用一些HTML在markdown，不得不强制<br>s在一个列表，导致太狭窄，没有一个给定的解决方案工作如预期(至少在我的设置)

最后是

<div style="height:10px;font-size:10px;">&nbsp;</div>

我在这里找到了，非常接近dorogz的建议。当然，对于标准的需要，CSS是更好的