为什么 display:inline-block 会阻止跨多个页面打印？

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 /*
}