Skip to content

问题:

使用ant-design-vue的图片组件,预览时,弹出的图片向页面下左方偏移,不居中

解决:

排除图片本身问题、排除ant-design-vue问题、所以考虑是引用的某个样式重置了图片的默认样式。排查发现,因为Vitepress@1.0.0-alpha.45/node_modules/vitepress/dist/client/theme-default/styles/base.css设置了img为块元素导致

css
img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
}

覆盖之,设置为

css
img.ant-image-preview-img {
  display: inline-block;
}