如何改变一个<br>的高度？

我有一段很大的文字,分为以下的分段
:

  Blah blah blah.
  

  Blah blah blah. Blah blah blah. Blah blah blah.
  

  Blah blah blah.

我想扩大这些分段之间的差距,就像有两个
或类似的东西.我知道正确的方法是使用

,但是现在我无法改变这种布局,所以我正在寻找仅限CSS的解决方案.

我试过设置
的line-height和height有display: block,我也一派,堆栈溢出-ED简单,但没有找到任何解决方案.这是否可以在不改变布局的情况下实现？

1> Duroth..：

---

CSS:

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

解决方案可能不是跨浏览器兼容的,但它至少是这样的.还要考虑设置line-height:

line-height:22px;

对于Google Chrome,请考虑设置content:

content: " ";

除此之外,我认为你坚持使用JavaScript解决方案.

---

这不适用于:IE7,Opera10,Chrome2.在Firefox中,它创建了双倍大小的边距.你需要指定`margin-top:10px;`

---

为该样式添加`content:""属性,它在Chrome中运行良好

---

此解决方案适用于Firefox.对于基于webkit的浏览器,您可以添加`line-height`.最后它就像`br {display:block; 边距:10px的; 行高:的22px; }`.

---

伙计们,它也不适用于IE5!^ _ ^

---

@awe：对于不希望使用双倍尺寸的用户，更好的解决方案是'margin：10px 0 0'。

2> htmldrum..：

---

以下是实际具有跨浏览器支持的正确解决方案:

  br {
        line-height: 150%;
     }

---

这适用于增加换行符的高度,但不能_decreasing_它.

---

目前无法在Chrome中使用(46.0.2490.80)

---

@htmldrum如果您没有机会更改HTML，而只有CSS，那么效果很好。谢谢！应该对此表示赞成，并认为这是正确的答案。我认为。

3> 小智..：

---

因此,上面的窥视基本上有类似的答案,但在这里它是非常简洁的.适用于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 */
}

---

这个.相对于所述问题,这是正确的.它也是页面上唯一真正完成我需要它做的事情的答案.

4> 小智..：

---

另一种方法是使用HR.但是,这是狡猾的部分,让它看不见.

从而:

使用HR模拟清洁BR断裂:Btw适用于所有浏览器!

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

---

那是HTML标签的可怕滥用,最好使用带有边距的`

`然后销毁`

---

`

5> Michael Borg..：

---

据我所知,
不具有的高度,它只是强制断线.你所拥有的是一个带有一些换行符的文本,除了自动换行符,而不是子段.您可以更改行间距,但这会影响所有行.

6> 小智..：

---

我刚遇到这个问题,我用它来解决它

7> yoda..：

---

您可以在该

元素上应用行高,因此行变大.

---

是的,当然,但这不是我想要的.

8> Filip Dupano..：

---

我之前没有尝试过:before/ :afterCSS2伪元素,主要是因为它只在IE8中支持(这与IE浏览器有关).这可能是唯一可能的CSS解决方案:

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

下面是一个例子的怪异模式.