tab一段内容的缩进宽度怎么用css调整一下

[nekoasdf]

请仔细说明自己遇到的问题，以下是参考模板。这里不要求非得按模板发帖，但内容中包含相关要素能让大家更好地帮助你。

---

遇到的问题

因为obsidian排版太难看了，想要通过css调整一下布局

例如左图红框处的这些空白，怎么通过css调整一下宽度，让文字和无序列表对齐

预期的效果

预期的效果如右图所示
红框表示文字的位置，也就是与无序列表实现了左对齐

[Azona77]

楼主的源码是什么呢？我这里沙盒库里好像是对齐的

[Azona77]

楼主指的是编辑模式吧

可以用这样的css改，参数自己微调一下：

.cm-indent + .cm-indent {
    margin-left: calc(var(--list-bullet-end-padding) - var(--list-indent) + 2px);
}
.cm-line:has(.cm-indent + .cm-list-1 ) > .cm-list-1 {
    margin-left: calc(8px - var(--list-bullet-end-padding))!important;
}

效果如图：

[nekoasdf]

感谢大佬，我是用的实时阅览模式，用了所给的css代码，目前已有很好地解决了一部分，但还有一部分问题，如图中红框所示，在列表内部，点和线错位了

希望将内部这些线与列表的“·”对齐

[Azona77]

.cm-indent + .cm-indent {
    margin-left: calc(var(--list-bullet-end-padding) - var(--list-indent) + 2px)!important;
}
.cm-indent + .cm-indent::before {
    margin-inline-start: calc(var(--indentation-guide-editing-indent) - var(--list-bullet-end-padding) + var(--list-indent) - 2px)!important;
}
.cm-line:has(.cm-indent + .cm-list-1 ) > .cm-list-1 {
    margin-left: calc(8px - var(--list-bullet-end-padding))!important;
}

这样应该可以了，单独调整了指示线的位置

后面的calc(var***)不一定规范，微调一下或者直接写数值例如xx px也是可以的

[nekoasdf]

好了好了，感谢大佬感谢大佬