HTML中的分页符

时间:2009-03-07 20:12:28

标签: html page-break

我想在html中使用分页符,这意味着读者无法进一步向下滚动,直到他为其选择链接。

<SPAN id=title><A name=BdToc_1 external=yes><h1 id="BookTitle" align="center"><font color="#B90000"><b>Choose Subject</b></font></h1>
</A>
</SPAN>
<p>
Contents....
</p>

我希望在此之前和之后分页。请帮帮我

4 个答案:

答案 0 :(得分:5)

请原谅我指出明显的,但分页符用于分隔不同的页面。每个HTML文档都是一个独特的“页面”。 “选择链接”传统上加载新页面。所以......为什么不点击这个链接就加载下一页?

答案 1 :(得分:4)

您可以使用CSS属性page-break-afterpage-break-before指定发生分页符的位置。当然,只有在打印网页时才能。据我所知,这些属性已在包括IE6 +在内的所有主流浏览器中正确实现。此外,您还可以声明不应使用page-break-inside在元素内部发生分页符。

如果您想要分页本身,则需要为每个页面添加HTML并将这些页面链接起来。或者您可以动态地使用AJAX获取每个页面的内容,这当然涉及脚本。

答案 2 :(得分:2)

在HTML中不太可能。您可以尝试在Javascript中制作一些内容,但任何人都可以禁用javascript。

为什么你想要这样的东西?

答案 3 :(得分:0)

您可以使用 onscroll in javascript 来控制滚动。 onscroll事件可以确定当前位置,如果用户太远,可以向上滚动。

然后,当用户点击该链接时,您设置一个标志(scrollok = 1)。 onscroll检查标志,现在允许滚动。

如果您想击败已停用javascript的用户,只需让内容隐身,直到他们点击使用样式表:visibility = none。

然后,当他们点击链接时,您可以通过标志启用滚动,并使内容可见。

如果您不知道如何做这些事情,请发表评论,我可以更精确。