1. 前言
在前端网页的设计中，br标签通常被用于插入换行符，打破原本行内元素在同一行中排列的模式。但是，我们有时候需要通过br标签来设置一定的高度，以此来产生一定的空白区域。那么，在这篇文章中，我们就来一起探讨一下，如何通过css设置br标签的高度。
2. 什么是br标签
在HTML语言中，br标签用于在文本中插入一个换行符。它本身并没有多少可配置性，因此我们通常只会在行内文本中使用它，来处理文本换行问题。
<p>这是一个段落中的一行文字，<br>然后是第二行文字。</p>2.1 什么是行内元素
在HTML中，行内元素指的是那些默认的排列在一行内的元素，例如a标签、span标签、img标签，和br标签等等。它们的特点是只占据了自身内容的宽度和高度，并不产生自己的一行。
2.2 标签特性
br 标签的特性非常简单：
该标签没有结束标记。
该标签没有关于它的任何属性。
3. 如何设置br标签高度
由于br标签并没有高度属性，因此我们需要借助css来设置它的高度。接下来，我将介绍三种可行的方法。
3.1 使用line-height属性
在CSS中，line-height（行高）属性决定了一行文本的高度。因此，我们可以通过设置br标签的line-height属性来达到设置高度的目的。
br {
line-height: 20px;
}
在上例中，我将br标签的line-height设置为20px，因此每个br标签的高度都将为20px。
3.2 使用height属性
在CSS中，我们也可以使用height属性来设置元素的高度，同理，我们也可以使用它来设置br标签的高度。
br {
height: 20px;
}
在上例中，我将br标签的height设置为20px，因此每个br标签的高度都将为20px。
3.3 使用padding属性
在CSS中，padding属性用来设置元素的内边距，我们可以通过设置br标签的padding属性的值来达到设置高度的目的。
br {
padding: 10px 0;
}
在上例中，我将br标签的padding上下方向的值设置为10px，因此每个br标签的高度都将为20px（上下各10px）。
4. 结语
通过以上三种方法，我们可以很容易地设置br标签的高度，创造页面中的一定空隙，提高页面的美观度。