CSS3列计数:2+高度:100%剪切图像
在显示一堆段落元素的过程中,混合了很多元素,因此它们显示得很好,就像打开一本书一样,我设置为 以及 除了图像被截取并显示到下一页之外,它们都工作得很好,即,图片被分割成两列显示 我试着设置CSS3列计数:2+高度:100%剪切图像,css,column-count,Css,Column Count,在显示一堆段落元素的过程中,混合了很多元素,因此它们显示得很好,就像打开一本书一样,我设置为 以及 除了图像被截取并显示到下一页之外,它们都工作得很好,即,图片被分割成两列显示 我试着设置 img { display: inline-block; } 试图恢复图像的完整性,但运气不佳。任何帮助都将不胜感激 感谢在Chrome中似乎不是问题:谢谢你的回复,路人;事实上,通过您的方便链接,请将您的图像增加到100x700,并添加我忘记的html{width:100%;height:100%}子
img {
display: inline-block;
}
试图恢复图像的完整性,但运气不佳。任何帮助都将不胜感激
感谢在Chrome中似乎不是问题:谢谢你的回复,路人;事实上,通过您的方便链接,请将您的图像增加到100x700,并添加我忘记的html{width:100%;height:100%}子句,您将了解我的意思。如果可能的话,我想要一个规则,可以很好地缩小图像,以适应未打破的窗户的高度;这可能是一个很好的演示:我注意到Firefox19没有破坏图像,但结果是3列。截至5月31日,似乎没有好的解决方案。所以我要继续说,我只是通过估算限制了图像的宽度,并将高度设置为“自动”。至少在大多数情况下是这样的。。。
body {
column-count: 2;
height: 100%;
}
img {
display: inline-block;
}