Question

我在iframe中有一个HTML文档，人们将要打印出来，我打印时将其编码为好看。有一个页脚和标题，每个页面的标题都会更改，每个页面都在其自己的div标签内。我希望人们能够点击文档的打印按钮，并且每个页面都打印在自己的页面上而不会被切断并确保页脚停留在每页的底部。有没有办法做到这一点？我喜欢这方面的帮助，因为它让我发疯！当页面太短时看起来像垃圾，所以下一页将打印在同一页面上，然后在中途切断。

这是我设置的地方.. http://morecleanenergy.com/graphics/testproposal/index.html

这是其中一个页面..

<div style="size:210mm 297mm;">
    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="Proposalheader">
        <tr>
            <td align="left" width="169"><img src="faq.png" height="57px"></td>
            <td width="732"></td>
        </tr></table>
    <div class="pageBody">
        <span class="generalText"><p><strong>Who is Clean Energy Collective?</strong></p>
            <p>Clean Energy Collective (CEC) is a Colorado-based company that develops, operates and maintains community-owned solar arrays, also referred to as solar gardens or community solar farms. CEC's innovative model makes local renew- able energy easy, accessible and a financially smart decision for electricity consumers in the United States.</p>
            <p><strong>What is CEC Community Solar?</strong></p>
            <p>Clean Energy Collective community solar enables you to own solar panels in a centralized, community-based array. As your panels produce clean electricity, you receive credits directly on your monthly electric bills for the power produced. By owning a solar power system in a community array, you can reduce or eliminate your electric bills, protect against rising prices, and experience monthly savings in place of a monthly expense.</p>
            <p><strong>What happens to the electricity produced by the panels?</strong></p>
            <p>The clean solar power is automatically delivered to the Xcel Energy's grid, increasing the utility's incorporation of renewable energy and decreasing its reliance on fossil fuels. The power is not delivered directly to your meter and no equipment is required to be installed on your property.</p>
            <p><strong>Do I need to own a home or building to participate?</strong></p>
            <p>No. If you have an electric bill, you can receive credits for the power produced by solar panels in a CEC communi- ty-owned solar array.</p>
            <p><strong>How can I monitor my panels' performance?</strong></p>
            <p>As a CEC customer, you can log on to your My Own Clean Energy account via the CEC website and smartphone app. There you can see your system's information, review your customer documents, and access real-time information about your portion of the array's production, bill credits, and positive environmental impact.</p>
            <p><strong>What happens if I move?</strong></p>
            <p>If you move within your county, simply have your panels' bill credits applied to your new location's meter and account with the utility. If you leave the county or the Xcel Energy territory, you may sell the panels to another Xcel Energy customer in your county or give a tax-deductible gift of clean energy by donating the system to a charity in your county.</p>
            <p><strong>How much solar can I buy?</strong></p>
            <p>Systems are available from a minimum of 1 kilowatt (kW) up to 120% of your average annual usage.</p>
            <p><strong>How are my monthly electric bill credits calculated?</strong></p>
            <p>Each month, your Xcel Energy electric bill will be credited for your panels' production. The power produced is credited at the specific rate for your customer class as determined under Xcel Energy's Solar*Rewards Community Program. These initial credit rates will increase as Xcel Energy's electricity rates increase, protecting you against the national trend of rising electricity costs.</p>
            <p><strong>How are my monthly electric bill credits calculated?</strong></p>
            <p>As Xcel Energy's electricity prices rise, the bill credit rate you receive for the panels' output will increase as well. As your monthly bill credits increase, your system's savings increase.</p></span>
    </div>
    <div><img src="footer.png" style="width:100%;"></div>
</div>

Answer 1

尝试将page-break-after css属性应用于页脚。 http://www.w3schools.com/cssref/pr_print_pageba.asp

如何排列html文档进行打印，以便页面不会被截断？

1 个答案: