我在这里看到过差不多的question,但我找不到任何工作的答案(至少在Chrome上是这样).

这个问题只针对<br>人,我知道很多其他改变高度的技巧,但在这个例子中是I can't change the HTML.

bla<BR><BR>bla<BR>bla<BR><BR>bla

CSS:

br {
  display: block;
  margin-bottom: 2px;
  font-size:2px;
  line-height: 2px;
}

理想效果:线间高度更小.

我唯一能go 上班的是display:none,但是之后所有的换行符都被删除了.

这里有一个使用了一些技术的fiddle for it,但是可以看到它呈现的效果与没有任何CSS的效果完全相同.

推荐答案

您不能更改br标记本身的高度,因为它不是占用页面空间的元素.这只是一个创建新行的指令.

可以使用line-height样式更改线条高度.这将改变由空行分隔的文本块之间的距离,但自然也会改变文本块中行之间的距离.

为了完整性:HTML中的文本块通常使用文本块周围的p标记来完成.这样,您就可以控制p个标记内的行高,以及p个标记之间的间距.

Css相关问答推荐

Tailwind CSS group-hover不适用于自定义前置码

沿浮动形状—面元素外路径将文字垂直居中""

包含 N 个 React 组件的砌体网格

React MUI 从 CSS 伪元素中删除内容

如何有条件地设置元素的字体大小,只有在未明确设置父字体大小(即字体大小为继承)的情况下?

我怎样才能让我所有的网格列的高度等于最短列的高度

semantic-ui-react 使输入使用全宽度可用

条件宽度和省略号不适用于样式化组件 - React.js

包含tailwind 中固定纵横比框的内容

如何将 CSS 样式应用于 Quarto 输出

当计算的宽度不准确时,如何在 cypress 中测试元素的宽度?

CSS 常量()用于什么?

CSS3 变换:旋转;在 IE9 中

绝对位置和溢出:隐藏

css3 nth 类型限制为类

如何保持标题静态,滚动时始终位于顶部?

溢出的文本可以居中吗?

名称-值对的语义和 struct

在 react-native 中使用 flex 使项目粘在底部

在 CSS 中使用多个 @font-face 规则