Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS3列计数:2+高度:100%剪切图像_Css_Column Count - Fatal编程技术网

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;
}