search

Akifyss / obsidian-border

A theme for obsidian.md
MIT License
1.35k stars 47 forks source link

图片的居中对齐主题功能与AttachFlow有冲突 #263

Closed Ryoga1016 closed 4 months ago

Ryoga1016 commented 4 months ago

https://github.com/Yaozhuwa/AttachFlow/issues/22 现在网络图片还有这个问题，本地图片在前几次更新中莫名修复了。谢谢

Akifyss commented 4 months ago

可以先添加这段 css 代码片段：

.img-center-align .print :is(.markdown-preview-view, .markdown-rendered) img:is([class=""],.image-ready-resize),
.img-center-align .markdown-preview-view img:is([class=""],.image-ready-resize),
.img-center-align .markdown-source-view img:is([class=""],.image-ready-resize) {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}
Ryoga1016 commented 4 months ago

还是不能解决这个问题，我暂不用AttachFlow了吧！感谢了

Akifyss commented 4 months ago

你试试更新一下主题呢？我试了一下更新后是可以的

Ryoga1016 commented 4 months ago

早上更新后尝试的，我做了些测试，主要是attachflow的点击图片放大功能和拖拽改变图片尺寸功能都开启的话就会出这个问题，关闭任一功能之后都是正常的了。我做了个gif GIF 240508 103244

Akifyss commented 4 months ago

之前测试的时候，没有启用点击图片放大功能。试试导入这段代码呢？

.img-center-align .print :is(.markdown-preview-view, .markdown-rendered) img:is([class=""], .image-ready-resize, .image-ready-click-view),
.img-center-align .markdown-preview-view img:is([class=""], .image-ready-resize, .image-ready-click-view),
.img-center-align .markdown-source-view img:is([class=""], .image-ready-resize, .image-ready-click-view) {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}
Ryoga1016 commented 4 months ago

之前测试的时候，没有启用点击图片放大功能。试试导入这段代码呢？

.img-center-align .print :is(.markdown-preview-view, .markdown-rendered) img:is([class=""], .image-ready-resize, .image-ready-click-view),
.img-center-align .markdown-preview-view img:is([class=""], .image-ready-resize, .image-ready-click-view),
.img-center-align .markdown-source-view img:is([class=""], .image-ready-resize, .image-ready-click-view) {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

这个可以了，完美解决，谢谢了