求助: 标题,正文,标签等行高显示一致需求

疑问解答
, ,
1

预期的效果

希望保持显示一致性,增加显示信息密度.
计划在编辑/阅览等状态下,无论哪一级标题均与正文、标签等字体大小和行高保持一致.

遇到的问题

尝试通过CSS设置样式,字体大小一致,但是标题行上下总有高度无法归0,导致一个界面几个主题就快占满了…
通过截图可以看到,左侧行高编号显示之间的间隔是不一致的. (如图中标题虽然字体与正文一致,但左侧其所在行第52、55、56、59的高度,明显高出其他行很多)

截屏2025-06-07 15.44.21
截屏2025-06-07 15.44.21772×508 27.7 KB

)

已尝试的解决方案

目前参考论坛大家的建议,用到如下参数,不知道是否是编写不对? 还是缺了什么参数设置?还望有大神帮忙解惑.

  • line-height
  • margin-top
  • margin-bottom
  • padding-top
  • padding-bottom

以下是本人基于论坛内容,修改的css内容:

body {
–h1-line-height: 0;
–h2-line-height: 0;
–h3-line-height: 0;
–h4-line-height: 0;
–h5-line-height: 0;
–h6-line-height: 0;
}
.cm-content >.cm-line.cm-line:not( /* 应用于所有正文中的段落 /
.HyperMD-codeblock, / 不应用于代码块*/
.HyperMD-list-line /* 不应用于列表 */
)
/以下是样式代码，em代表相对于字号的大小，例如0.5em表示字体的一半大/
/*可更换为其他单位，例如px，rem等 / {
margin-top: 0em !important ; / 段前间距 /
margin-bottom: 0em !important ; / 段后间距 /
padding-top: 0em; / 段前间距（内边距） /
padding-bottom: 0em; / 段后间距（内边距） */
}

本人是CSS新手,希望解答时能够尽量说明

2

自己搞定了,同时增加了彩虹色彩设置.
初学者代码可能不够精简,仅供大家参考.

/段落间距最小化/

body {
–h1-line-height: 1.5;/* line-height: var(–h1-line-height);–line-height-normal: 1.5; */
–h2-line-height: 1.5;
–h3-line-height: 1.5;
–h4-line-height: 1.5;
–h5-line-height: 1.5;
–h6-line-height: 1.5;

–h1-size: 400;/* font-size: var(–h1-size),–font-normal: 400; */
–h2-size: 400;
–h3-size: 400;
–h4-size: 400;
–h5-size: 400;
–h6-size: 400;

–h2-color: #16a085;
–h4-color: #2980b9;
–h6-color: #8e44ad;

–p-spacing: 0px;/* padding-top: var(–p-spacing) */

–tag-size: 1em;/* font-size: var(–tag-size) /
–tag-padding-y: 0;/ padding-top: var(–tag-padding-y) /
–tag-padding-y: 0;/ padding-bottom: var(–tag-padding-y) */

}