css - css布局 - 打印时的第二个空白页

Question

我正在使用这个位置的 css 文件：

http://peterned.home.xs4all.nl/examples/csslayout1.html

但不知何故，当我打印我的页面时，第一页是完美的，但它开始打印第二页是空白的。

当然我只需要第一页，但我找不到为什么它会打印第二个空白页。以前有人遇到过这种情况，还是知道我应该改变什么？

我认为css文件中有一些属性，这使得我的页面可能有点太大了。

Answer 1

我刚才遇到了同样的问题，发现 user2624602 的回答很糟糕。

在css中添加：

@media print { html, body { height: 99%; } }

Answer 2

据我所知，它很大程度上取决于浏览器：使用 firefox 时，它完全独立于您使用的电脑，而使用 chrome 时，它​​取决于您的电脑和当前的页面缩放。

例如在这里我没有看到任何问题（ff 和 chrome）。

无论如何，您可以尝试使用这个 css2 属性: page-break-after:avoid;。

Answer 3

在您提供的 php 代码中，您最后有一个错误。

</table>

</body></div>
<div id="footer">
<p><img src="images/voet.png" alt="Kop" class="voet"/></p>

</div>

</div>
</html>

应该是这样的：

          </table>

        </div>
        <div id="footer">
          <p><img src="images/voet.png" alt="Kop" class="voet"/></p>       
        </div>

      </div>
  </body>
</html>