启用插件后和图片的居中显示有冲突 about attachflow

[Yaozhuwa]

我也遇到了完全一样的问题，我用的border主题，在style setteings插件中选中图片居中显示并开启这个插件后就会发生冲突，并且原本是正常的，我记得是从0.4版本开始突然冲突的，原本我下的0.3版本没有冲突

@yooboh 感谢精准的问题描述，可以复现，原因在于其CSS冲突了。

找到border主题如下CSS代码：

/*  image center align */
.img-center-align .print :is(.markdown-preview-view, .markdown-rendered) img:not([class]),
.img-center-align .markdown-preview-view img:not([class]),
.img-center-align .markdown-source-view img:not([class]) {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

去掉 :not([class])， 修改成：

.img-center-align .print :is(.markdown-preview-view, .markdown-rendered),
.img-center-align .markdown-preview-view img,
.img-center-align .markdown-source-view img{
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

[Yaozhuwa]

无法复现：

请检查：

1. 插件是否更新到最新版本
2. 你的图片居中 CSS 选择器（本插件在光标移动时添加一个类名，一般不会对别的CSS有冲突）
3. 其他插件问题

[Yaozhuwa]

此外， #17 也请回复反馈下

[yooboh]

无法复现：

请检查：

1. 插件是否更新到最新版本
2. 你的图片居中 CSS 选择器（本插件在光标移动时添加一个类名，一般不会对别的CSS有冲突）
3. 其他插件问题

我也遇到了完全一样的问题，我用的border主题，在style setteings插件中选中图片居中显示并开启这个插件后就会发生冲突，并且原本是正常的，我记得是从0.4版本开始突然冲突的，原本我下的0.3版本没有冲突

[yooboh]

.img-center-align .print :is(.markdown-preview-view, .markdown-rendered),
.img-center-align .markdown-preview-view img,
.img-center-align .markdown-source-view img{
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

改了以后就正常了，谢谢！

[Ryoga1016]

我也遇到了完全一样的问题，我用的border主题，在style setteings插件中选中图片居中显示并开启这个插件后就会发生冲突，并且原本是正常的，我记得是从0.4版本开始突然冲突的，原本我下的0.3版本没有冲突

@yooboh 感谢精准的问题描述，可以复现，原因在于其CSS冲突了。

找到border主题如下CSS代码：

/*  image center align */
.img-center-align .print :is(.markdown-preview-view, .markdown-rendered) img:not([class]),
.img-center-align .markdown-preview-view img:not([class]),
.img-center-align .markdown-source-view img:not([class]) {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

去掉 :not([class])， 修改成：

.img-center-align .print :is(.markdown-preview-view, .markdown-rendered),
.img-center-align .markdown-preview-view img,
.img-center-align .markdown-source-view img{
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

收到，下次尽量把环境描述清楚。#17问题我已回复，我之前试过把其他可能影响的插件关闭了。

[Ryoga1016]

我去Border主题那边提了个，看能从主题那边修复不，修改CSS主题一更新就覆盖了，现在网络图片的居中显示还是会有问题。

[Ryoga1016]

Akifyss/obsidian-border#263
Border的作者给调了个CSS，加进外观的CSS片断里面，完美解决问题。