br换行高度上下间距CSS设置

2020-11-12 20:20:30 html 使用br换行,而换行br行距设置是如何实现?

换行BR标签,使用后网页内容就会被换行,而换行行距是可以通过css line-height来实现的。

对对象盒子设置line-height即可实现对换行或自然提行高度间距设置。

示范实例:

.br1{ line-height:20px}
.br2{ line-height:40px}

<div class="br1">
内容1<br />
内容2<br />
内容3
</div>
<div class="br2">
内容1<br />
内容2<br />
内容3
</div>

浏览效果:

行高改变br换行上下间距
css行高改变br换行上下间距

 

更新