大佬们手机端插入图片上下空一行咋取消啊?

如图Obsidian手机端只要使用缩进列表插入图片、图片与上下文就会自动空一行,以前不会的,我用的是Blue Topaz主题,有啥办法可以取消空行吗?

印象很模糊, 似乎以前是没有空行的?

楼主这个图, 我没法完整复现, 测试发现这空行跟很多因素有关:

  • 字体, 我默认字体没出这问题
  • 图片是否占满了屏幕宽度, 不占满+默认主题没事
  • 如楼主所说, 默认主题 / BlueTopaz 表现也不一致

找原因

可以凸显这里面的元素看看:

span.cm-hmd-list-indent.cm-hmd-list-indent-1 {
    background-color: yellow;
}

如下, 黄色方块是空白的缩进元素, 上面红圈里是正常的, 下面红圈里, 图片被顶下去了, 所以多留一个空行间隔


解决

默认主题里, 我觉得像bug, 也许啥也不做, 等过阵子就修好了…
BlueTopaz 里, 我感觉就是这么设计的

如果忍不了, 要消灭这个空行, 如下

div.HyperMD-list-line.HyperMD-list-line-1 img {
    max-width: 95%;
    display: inline-block !important;
}

这样式有疏漏, 没考虑很仔细
楼主可以试试看能否解决90%的问题, 剩下还有问题可以继续整…

谢谢大佬,一眼看出问题,我照您说的试了,插入宽的图片黄块在上面就会有空行,窄的图片黄块在下面就正常没空行,像这种感觉是bug,大佬能修复吗?

底部空行用您给的css片段去掉了很棒。

另外大佬两张图片中间的细缝能去掉吗?让俩图看着像无缝拼接。

我也没法修bug啊, 只会改改 css, 而且这结构挺复杂, 其实没理解改的是否合适

中间的细缝能去掉吗?

可以加上 vertical-align: bottom; 试试

div.HyperMD-list-line.HyperMD-list-line-1 img {
    max-width: 90%;
    display: inline-block !important;
    vertical-align: bottom;
}

可以了,改的正合我意,谢谢大佬

别客气, 不是大佬, 也在从论坛学习