问题:
使用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;
}