时间戳

首页 > 解决方案 > 格式

内容好像是 A4/USLetter 的打印预览

html - 格式
内容好像是 A4/USLetter 的打印预览

问题描述

我有一个<div>其内容代表我的服务器将打印的发票。里面的一些东西<div>是contentEditable=true。每个页面应该有不同的页眉和页脚等。

我希望此内容的<div>呈现方式看起来像打印预览。

它很容易设置width为<div>A4 或任何页面大小。

但是如何使<div>高度适合于页数的倍数，以及如何让页面内的内容<div>跨越页面边界？

标签： htmlcss

解决方案

好问题将：

其背后的主要思想不是创建一个有限的height调整，而是一个自动高度 - 假设你没有边界div

我将实现以下样式：

[DivSelector]{
    width: [Your full A4 width - any print margins ];
    /* set minimum height to 1 page height */
    min-height: [A4 PageHeight in Px];
    height: auto;
    overflow: auto; /*  ensure that your content remains within the div */
}

我以前试过这个，但用的是 A3 显示器。当然，当您打印时，您的打印机会添加它自己的边距，因此使您的页面具有width: [FullPage Width - PageMarginSetOnPrinter]

推荐阅读