Css 内部分页符被忽略
我从另一个页面动态添加HTML,并为打印设置样式。但是,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添加到元素及其父元素。加上前缀(正如一些人建议的那样)似乎也不管用
内部分页符:避免代码>,当应用到我的元素(其中的任何一个)时,即使它显示在样式中,在打印时似乎也不会被考虑。我在Windows上使用Chrome 31
我的程序的简化版本(警告:它在3秒后显示打印预览。要停止此操作,只需注释掉底部的设置间隔
),这是内部分页符:avoid
在打印预览中没有任何效果的版本
我发现的通常的“修复”在我的情况下不起作用,它将position:relative
添加到元素及其父元素。加上前缀(正如一些人建议的那样)似乎也不管用
我知道内部分页符:避免
在Chrome 31中使用动态放置的元素,因为我(警告:这也会打开打印预览),但在花了数小时删除代码、玩弄样式和研究主题(大多数帖子都非常过时)之后,我似乎无法以同样的方式使用我更复杂的版本
提前感谢您的任何见解 将#fromTumblr ID上的显示属性从内联块
更改为块
似乎合乎逻辑的是,分页符规则不适用于内联元素,因为该ID是用于超过页面大小的包装器元素的,我想这就是忽略所有其他规则的原因
这是在Chrome 31和FF26 Windows上测试的最新fiddle:Wow,这似乎是一个愚蠢的理由,但它仍然是正确的。我想我没有考虑父元素上的内联块。干得好!。。。我的flex box元素也出现了问题。。。我只需要把多余的东西整理一下。。。或者设置溢出隐藏,内部分页符:避免在Firefox中不起作用仅供参考