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

【问题标题】：page-break-inside: avoid - not working in Chromepage-break-inside：避免 - 不能在 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 了解更多信息。

【讨论】：