Question

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

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

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

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

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

Answer 1

我刚才遇到了同样的问题，发现用户2624602 answer很好。

在css中添加：

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

Answer 2

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

例如，我在这里看不到任何问题（包括ff和chrome）。

无论如何，您可以尝试使用this css2 property：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>

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

3 个答案: