图片没有上下居中是什么原因我显示的总是在最顶上

yanghuiLu / previewImage-mobile

仿微信js-sdk wx.previewImage javascript实现，支持图片预览，滑动切换，双指缩放，图片缓存;Support for picture preview, slide switch, double finger zoom, picture caching

267 stars 132 forks source link

Open qianqikun opened 6 years ago

Mr-Hawthorn commented 3 years ago

+1 老哥解决了吗

shitalo commented 2 years ago

同，图片始终会显示在最顶上，而不是垂直居中。

原因：受用户代理样式表影响。会使得 body 的 display 被设置为 block，导致

#__previewImage-container .previewImage-box .previewImage-item .previewImage-image {
    vertical-align: middle;
}

无法生效。

解决办法：在html文件头部添加 <!DOCTYPE html> 声明，即可解决。