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中，它完全独立于你使用的pc，而在chrome中，它取决于你的pc和当前的页面缩放。

例如这里我没有看到任何问题(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>