请教一下图片如何居中？

疑问解答
1

安卓端用的Blue Topaz主题加Style Settings插件设置的图片默认居中，但是图片在缩进情况下靠右，求教大佬写个CSS能让缩进的图片默认居中:kissing:

Screenshot_20240714121533
Screenshot_202407141215331080×2304 124 KB

2

如果所有图片都居中可

:is(.markdown-source-view, .markdown-preview-view) img {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

参考 如何实现图片居中 #3

如果仅仅某个图片居中，可以利用alt实现，比如

![[xxxx.png|center]]
或
![center](https://scpic.chinaz.net/Files/pic/pic9/202007/apic26672_s.jpg)

然后css改为

:is(.markdown-source-view, .markdown-preview-view) img[alt*=center]{
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

同理也可以居右显示

:is(.markdown-source-view, .markdown-preview-view) img[alt*=right]{
    left: 100%;
    position: relative;
    transform: translateX(-100%);
}
3

谢谢大佬用了你的css虽然缩进状态下的图片居中了，但是原来默认居中的图片靠右了，这个能不能只作用于缩进状态下的图片。

Screenshot_20240714140731
Screenshot_202407141407311080×2304 122 KB

4

什么意思？是指与其他css冲突吗？什么是缩进状态？什么是默认居中？图片有默认居中吗？

5

对啊，我图片用Style Settings插件设置的默认居中，但是一行文字下面缩进插入图片，图片就默认靠左不居中了，

  1. 例如 一段文字
    前面四个空格缩进插入图片图片就靠左不居中
6

明白了，Style Settings插件是样式管理插件，它管理的样式可以是任何符合Style Settings规范的样式，因为我无法判断Style Settings默认居中样式具体是什么样的。

不过，既然你想使它作用于缩进状态下的图片，可以用第二段样式

:is(.markdown-source-view, .markdown-preview-view) img[alt*=center]{
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

然后在缩进的图的alt中含有center关键词即可，比如 ![[xxxx.png|center]]

7

谢了大佬，这个可以就是有点麻烦:kissing: