请教一下图片如何居中?

如果所有图片都居中可

: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%);
}
1 个赞