如果想不同的H显示不同的上边距或下边距,可以参考下面的样式,但注意,这个样式只是适合常规情况,如果在列表嵌套等其他情况下可能不同,如果需要兼容请自行处理。
/* h1 实时预览模式 */
.cm-s-obsidian .cm-line.HyperMD-header.HyperMD-header-1{
padding-top: 16px;
}
/* h1 阅读模式 */
h1, .markdown-rendered h1{
margin-top: 40px!important;
}
/* h2 实时预览模式 */
.cm-s-obsidian .cm-line.HyperMD-header.HyperMD-header-2{
padding-top: 16px;
}
/* h2 阅读模式 */
h2, .markdown-rendered h2{
margin-top: 40px!important;
}
如果想同时修改下边距可以使用padding-bottom
或 margin-bottom
,这里只列举了H1和H2,其他的请自行添加,其边距高度也是随便写的,请根据自己实际情况修改。
另外,每个人的主题和环境不同,这里以官方默认主题为例,如果存在偏差请根据实际情况修改。
好嘞 感谢