打印时保留跨越多个页面的HTML元素

概述我有以下HTML，我想保持跨越多个页面时被分解。问题是如果我使用page-break-before或after，它将把每个元素放在它自己的页面上。我遇到的另一个问题是，如果我将单元格CSS类或换行类设置为display：block，则DIV或LI仍然被分解。我还有一个打印媒体CSS文件和CSS文件。我想保留< li class =“cell”>元素及其内容被破坏。 <div class="pad" 我有以下HTML，我想保持跨越多个页面时被分解。问题是如果我使用page-break-before或after，它将把每个元素放在它自己的页面上。我遇到的另一个问题是，如果我将单元格CSS类或换行类设置为display：block，则div或li仍然被分解。我还有一个打印媒体CSS文件和CSS文件。我想保留< li class =“cell”>元素及其内容被破坏。

<div >        <h1 >            Work Orders for Jan 05,2011        </h1>        <p >            <a href="/orders/print-all/date/2011-01-05">Print All Work Orders</a>        </p>        <ul >                                <li >                <div  ID="146">                    <div >                        <p>                            <strong>Work Order:</strong> <a href="/orders/vIEw/work-order/146">158801</a>                        </p>                        <p>                            <strong>ClIEnt:</strong> ClIEnt name                        </p><br>                        <b>Resources</b>                        <ul>                            <li>                                <a href="/resources/vIEw/resource-ID/5" ID="Person-5">Mikell McLaindon</a>                            </li>                            <li>                                <a href="/resources/vIEw/resource-ID/9" ID="Person-9">Jose copper</a>                            </li>                        </ul>                    </div>                    <div >                        <h1 >                            Unschedule Resource for 15880-PW                        </h1>                    </div>                </div>            </li>            {... removed for brevity ...}

解决方法 编辑：正确解决方案

见：http://www.w3schools.com/css/pr_print_pagebi.asp
所以如果你添加以下到你的CSS应该解决你的问题：

@media print{    div.pad { page-break-insIDe:avoID; }}

不幸的是，这只能在Opera上工作。但是，还有一个页面突破：避免和分页符号：避免可以添加到.pad类中的每个元素，以便在浏览器之间产生相同的结果。

@media print{    div.pad * {         page-break-after:avoID;        page-break-before:avoID;    }}

http://www.w3schools.com/Css/pr_print_pagebb.asp

http://www.w3schools.com/css/pr_print_pageba.asp

旧答案：

这听起来像是在一个不适合页面的页面上设计一些东西。我会尝试添加一个样式表与media =“打印”…

<link rel="stylesheet" href="CSS/print.CSS" type="text/CSS" media="print" charset="utf-8" />

…减少所有这些元素的字体大小，填充等，以便您可以在本节之前放置一个分页符并使其适合页面。

总结

以上是内存溢出为你收集整理的打印时保留跨越多个页面的HTML元素全部内容，希望文章能够帮你解决打印时保留跨越多个页面的HTML元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。