Html 如何更改a的高度<；br>；？

我有一大段文字，分为以下几小段：

<p>
  Blah blah blah.
  <br/>
  Blah blah blah. Blah blah blah. Blah blah blah.
  <br/>
  Blah blah blah.
</p>

废话废话。


废话废话。废话废话。废话废话。


废话废话。

我想扩大这些分段之间的差距，比如有两个

之类的。我知道正确的方法是使用

，但现在我无法更改此布局，因此我正在寻找仅使用CSS的解决方案

---

我试过用

显示：block

设置

的

行高和
高度，我也用谷歌搜索了一下堆栈溢出，但没有找到任何解决方案。这在不改变布局的情况下是否可能？
您可以在该
元素上应用线条高度，因此线条会变大。
据我所知

没有高度，它只会强制换行。除了自动换行之外，还有一些换行符的文本，而不是子段落。您可以更改行距，但这将影响所有行。

将占用与您的
的文本填充行相同的空间，您无法更改。如果您想要更大，这意味着您想要分成段落，所以添加其他
。别忘了尽你所能做到最具语义；）
 迈克尔和尤达都是对的。您可以使用
标记，该标记作为块标记，使用底部边距偏移以下块，因此您可以执行类似操作以获得更大的间距：

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


一段文字。


另一个街区


另一种选择是使用block
标记，通过该标记可以明确定义间距的高度。
也可以使用CSS中的“block quote”属性。这将使它不会影响你的每一行，但允许你设置参数只是段落之间的休息或“块引号”

更新：

我被纠正了。“blockquote”实际上是一个html属性。你在工作中使用它就像和一样。然后可以在css中设置块引号的参数，如

blockquote { margin-top: 20px }

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

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

该解决方案可能不兼容跨浏览器，但至少是这样。还考虑设置<代码>行高< /代码>：

line-height:22px;

对于Google Chrome，设置
内容
：

content: " ";

除此之外，我认为您还需要一个JavaScript解决方案。
我还没有尝试过
:before
/
:before
CSS2伪元素before，主要是因为它只在IE8中受支持（这涉及IE浏览器）。这可能是唯一可能的CSS解决方案：

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

这是一个关于。
我有一个想法，您可以使用：

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

但这在chrome或firefox上不起作用

我想我应该提一下，以防其他人发生这种情况，我会帮他们省去麻烦。
另一种方法是使用人力资源。但是，这里是狡猾的部分，让它隐形

因此：

您似乎无法调整BR的高度，但可以使用display:none使其可靠地消失

在搜索以下问题的解决方案时遇到此页面：

我的情况是，第三方支付网关（Worldpay）只允许您使用最多10万个CSS和HTML（不允许使用脚本）定制他们的支付页面，这些CSS和HTML被注入到他们的模板主体中，在几个BR之后，字体标签等。
再加上他们的DTD迫使IE7/8进入怪癖模式，这使得跨浏览器定制变得非常困难

关闭BR会使事情更加一致……
有趣的是，如果break标记以完整形式编写，如下所示：

<br></br>





那么CSS行高：145%就行了。
如果断开标记写为：

<br> or 
<br/> 


或



那么它就不起作用了，至少在Chrome、IE和firefox中是这样。
奇怪
 尝试在包含
br
标记的
p
标记上使用CSS
行高
atribute。请记住，如果您想隔离您的
p
标记，您可以
id
您的
p
标记，尽管在我看来，使用
div
进行隔离可能更好。
以下是实际上具有跨浏览器支持的正确解决方案：

  br {
        line-height: 150%;
     }

我只是有这个问题，我通过使用

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




对我有效的方法是在段落标记之间添加此内联。。。但这不是最好的解决方案

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




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

我遇到了PC/Mac电脑的问题。。。它为文本提供新的行高，但不进行换行。。。你可能想自己做一些测试。对不起
 我使用这些方法，但我不知道跨浏览器

=======方法1======
或
=======方法2======
或
=======方法3======
请记住（mis）按照某个地方的建议使用
标记将结束
标记，因此请忘记该解决方案。

如果f.ex。在周围的
上有一些样式，插入
后，其余内容的样式就不复存在了。


<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元素的字体大小
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: "" }

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

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

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

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

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

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

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

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

<div>Content 1</div>Content 2

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

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

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

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

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