Repository navigation
When the height and width of the image are% instead of vh, the image cannot be centered vertically #178
Description
Describe the bug
When the height and width of the image are% instead of vh, the image cannot be centered vertically
.duokan-image-single {
display:flex;
height:100%;
justify-content:center;
align-items:center;
}
.duokan-image-single .w{
width:100%;
}
.duokan-image-single .h {
height:100%;
}
How to reproduce?
AiVideo_20250506144549.mp4
Readium version
3.1.0
Android API version
29
Additional context
Due to the large size of the file, some images were deleted to reduce the volume
不正经的魔术讲师与绘画回想 1 (1).zip
Activity
JayPanoz commentedon May 12, 2025
Thanks for your patience, I have had very little bandwidth for ReadiumCSS in the last couple of weeks due to the massive work to be done in Thorium Web so I’m catching up on issues just now.
I will take a deeper look into the file this week but it sounds like the typical web issue making something
100%of the browser’s height – and the fix is havinghtmlandbodyhaveheight: 100%as well. That is consistent with100vhworking as expected.ReadiumCSS does not apply
height: 100%tobodybecause we can’t (otherwise this is a problem for scroll layout). Related issue: #158Qing-Novel commentedon May 12, 2025
Okay, if possible, I hope the issue can be fixed.