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

Question

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

@media print
{
table {page-break-inside:avoid}
}

也只是放入div元素

Answer 1

表元素的父元素可能具有样式：

display: flex 

然后闯入是行不通的。

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

display: block

然后它将起作用。

Answer 2

Chrome不支持该属性。请查看this table以获取更多信息。

摘自this question

Answer 3

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

table {display：inline-table;}