Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
Css 内部分页符被忽略_Css_Google Chrome_Printing_Dynamically Generated_Page Break Inside - Fatal编程技术网

Css 内部分页符被忽略

Css 内部分页符被忽略,css,google-chrome,printing,dynamically-generated,page-break-inside,Css,Google Chrome,Printing,Dynamically Generated,Page Break Inside,我从另一个页面动态添加HTML,并为打印设置样式。但是,内部分页符:避免,当应用到我的元素(其中的任何一个)时,即使它显示在样式中,在打印时似乎也不会被考虑。我在Windows上使用Chrome 31 我的程序的简化版本(警告:它在3秒后显示打印预览。要停止此操作,只需注释掉底部的设置间隔),这是内部分页符:avoid在打印预览中没有任何效果的版本 我发现的通常的“修复”在我的情况下不起作用,它将position:relative添加到元素及其父元素。加上前缀(正如一些人建议的那样)似乎也不管用

我从另一个页面动态添加HTML,并为打印设置样式。但是,
内部分页符:避免,当应用到我的元素(其中的任何一个)时,即使它显示在样式中,在打印时似乎也不会被考虑。我在Windows上使用Chrome 31

我的程序的简化版本(警告:它在3秒后显示打印预览。要停止此操作,只需注释掉底部的
设置间隔
),这是
内部分页符:avoid
在打印预览中没有任何效果的版本

我发现的通常的“修复”在我的情况下不起作用,它将
position:relative
添加到元素及其父元素。加上前缀(正如一些人建议的那样)似乎也不管用

我知道
内部分页符:避免
在Chrome 31中使用动态放置的元素,因为我(警告:这也会打开打印预览),但在花了数小时删除代码、玩弄样式和研究主题(大多数帖子都非常过时)之后,我似乎无法以同样的方式使用我更复杂的版本


提前感谢您的任何见解

将#fromTumblr ID上的显示属性从
内联块
更改为

似乎合乎逻辑的是,分页符规则不适用于内联元素,因为该ID是用于超过页面大小的包装器元素的,我想这就是忽略所有其他规则的原因


这是在Chrome 31和FF26 Windows上测试的最新fiddle:

Wow,这似乎是一个愚蠢的理由,但它仍然是正确的。我想我没有考虑父元素上的内联块。干得好!。。。我的flex box元素也出现了问题。。。我只需要把多余的东西整理一下。。。或者设置溢出隐藏,内部分页符:避免在Firefox中不起作用仅供参考