html - 如何改变<br>的高度?

标签 html css

<分区>

我有一大段文字,用 <br> 分成小段的:

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

我想扩大这些小段之间的差距,就像有两个 <br>的或类似的东西。我知道这样做的正确方法是使用 <p></p> ,但现在我无法更改此布局,因此我正在寻找纯 CSS 解决方案。

我试过设置 <br>line-heightheightdisplay: block ,我也用 Google 和 Stack Overflow 进行了简短的搜索,但没有找到任何解决方案。这甚至可以在不更改布局的情况下实现吗?

最佳答案

CSS:

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

该解决方案可能无法跨浏览器兼容,但至少是这样。还要考虑设置 line-height:

line-height:22px;

对于谷歌浏览器,consider设置内容:

content: " ";

除此之外,我认为您被 JavaScript 解决方案困住了。

关于html - 如何改变<br>的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29461593/

上一篇:基于 CSS3 的面板

下一篇:javascript - 如果 Span Class Text = 1,如何将 boxShadow 添加到 Span Class?

相关文章:

php - 我必须在目录列表页面组中按 A-Z 执行 26 次 mysql 查询吗?

javascript - 如何制作自定义 javascript 轮播的控件

javascript - 在列表的最后添加 div,但我在设计中遇到错误

javascript - 检索 div "value"到 JavaScript

html - 使用 CSS 显示箭头

html - 不考虑文本区域的填充底部

html - 导航栏在跳跃

javascript - 如何找到用户输入的数组的总和?

jquery - 点击事件麻烦

jquery - 用于响应式屏幕分辨率和平板电脑纵向模态的 Iframe 全屏