是否在8.5x11纸张上打印HTML?

是否在8.5x11纸张上打印HTML?,html,printing,formatting,Html,Printing,Formatting,我想在8.5x11张纸上打印数据集(每张一套)。这些集合一个接一个地垂直呈现在网页上(大小为8.5x11的div) 如何在8.5x11张纸上以相同格式打印每个div?您可以执行以下操作: 试着计算一页上打印的的大致高度。这是由的内容决定的,不完全由您控制(即,如果数据主要是文本,用户可以选择覆盖您的字体大小或缩放页面以便打印)。然而,你应该能够提出一个大致的高度,适合。对于12pt字体,我发现它的高度大约为900px 创建一个.page类,该类使用中的规则。通过这些,您可以向浏览器建议是否在元素

我想在8.5x11张纸上打印数据集(每张一套)。这些集合一个接一个地垂直呈现在网页上(大小为8.5x11的div)


如何在8.5x11张纸上以相同格式打印每个div?

您可以执行以下操作:

  • 试着计算一页上打印的
    的大致高度。这是由
    的内容决定的,不完全由您控制(即,如果数据主要是文本,用户可以选择覆盖您的字体大小或缩放页面以便打印)。然而,你应该能够提出一个大致的高度,适合。对于12pt字体,我发现它的高度大约为900px

  • 创建一个
    .page
    类,该类使用中的规则。通过这些,您可以向浏览器建议是否在元素之前或之后发生分页符

  • 您将得到如下结果:

    HTML

    <div class="page">
        /* data */
    </div>
    <div class="page">
        /* more exciting data */
    </div>
    
    更多阅读,请提供一些打印网页的绝妙技巧


    但是,如果您希望精确控制报告的打印方式,我建议您生成一个PDF并将其提供给用户

    您可以执行以下操作:

  • 试着计算一页上打印的
    的大致高度。这是由
    的内容决定的,不完全由您控制(即,如果数据主要是文本,用户可以选择覆盖您的字体大小或缩放页面以便打印)。然而,你应该能够提出一个大致的高度,适合。对于12pt字体,我发现它的高度大约为900px

  • 创建一个
    .page
    类,该类使用中的规则。通过这些,您可以向浏览器建议是否在元素之前或之后发生分页符

  • 您将得到如下结果:

    HTML

    <div class="page">
        /* data */
    </div>
    <div class="page">
        /* more exciting data */
    </div>
    
    更多阅读,请提供一些打印网页的绝妙技巧

    但是,如果您希望精确控制报告的打印方式,我建议您生成一个PDF并将其提供给用户

    可能重复的请不要多次问同一问题。可能重复的请不要多次问同一问题。