page-break-inside：避免 - 不能在 Chrome 中工作

Posted 2023-03-06

【中文标题】page-break-inside：避免 - 不能在 Chrome 中工作

【英文标题】：page-break-inside: avoid - not working in Chrome

【发布时间】：2012-04-07 20:15:21

【问题描述】：

我主要使用 Chrome，也许我第一次发现这样的问题。它在 IE 中工作，不确定其他浏览器，但在 Chrome 中没有。有什么想法或提示吗？

@media print

table page-break-inside:avoid

也只是放入 div 元素时

【参考方案1】：

可能是table元素的父元素有样式：

display: flex 

那么break-inside就不起作用了。

如果将父元素显示样式更改为：

display: block

然后就可以了。

【参考方案2】：

将 display:inline-table 添加到打印时需要完整的任何元素，或者在您的情况下添加到表格元素

表显示：内联表；

【参考方案3】：

Chrome 不支持该属性。查看this table 了解更多信息。

答案来自this question

【讨论】：

谢谢，但我知道 Chrome 不支持它，所以我询问了一些提示或想法。