Question

我有一个标准的网页，标题，子标题和文本块，在页面上重复。有时，此页面将直接从浏览器打印。

显然，网页需要拆分以适应，但需要很多页面。

我遇到的问题是，我的一些子标题留在了一页的底部，文本被下推到下一页。

理想情况下，我希望子标题符合＆＃39;文本。

有人有什么建议吗？这甚至是一个可以解决的问题吗？

也许使用JavaScript或jQuery或一些神奇的CSS3？

<div id="mainContent">

    <div class="header"></div>
    <div class="subHeader"></div>
    <div class="text">
        //LOTS OF TEXT
    </div>

    <div class="subHeader"></div>
    <div class="text">
        //LOTS OF TEXT
    </div>

    <div class="subHeader"></div>
    <div class="text">
        //LOTS OF TEXT
    </div>

    <div class="header"></div>
    <div class="subHeader"></div>
    <div class="text">
        //LOTS OF TEXT
    </div>

    <div class="header"></div>
    <div class="subHeader"></div>
    <div class="text">
        //LOTS OF TEXT
    </div>

    <div class="subHeader"></div>
    <div class="text">
        //LOTS OF TEXT
    </div>

    <div class="subHeader"></div>
    <div class="text">
        //LOTS OF TEXT
    </div>

    <div class="subHeader"></div>
    <div class="text">
        //LOTS OF TEXT
    </div>

    <div class="header"></div>
    <div class="subHeader"></div>
    <div class="text">
        //LOTS OF TEXT
    </div>

</div>

干杯！

Answer 1

理想情况下，您需要使用打印样式表。这将允许您专门更改CSS以进行打印。

有各种打印特定的CSS规则，但您必须在各种浏览器上试用它们。

例如：page-break-after允许您在元素使用后插入分页符

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

打印网页时，我可以将标题“附加”到我的内容中吗？

1 个答案: