为什么显示：内联块阻止跨多个页面打印？

Question

我有一个网页，其中有两个<table>元素彼此相邻浮动。

最近我做了一些升级，而不是浮动它们，我将它们设置为display:inline-block，因为它更适合页面。

通常，用户使用ctrl-p打印此页面，通常打印约5页。

现在，由于我将这两个元素设为display:inline-block，因此打印在一页后会中断。

当我将元素更改为浮动或没有设置display时，它会打印所有5页。

有什么方法吗？

注意：我没有使用任何花哨的打印插件 - 只是简单的窗口默认print()方法。

Answer 1

只需使用print @media。

@media print {
 /* THIS CSS ONLY WILL BE EXECUTED FOR PRINTING, USE YOUR FLOAT HERE /*
}