<html> <head> <style type="text/css"> .page { page-break-after: always; } .footer { position: fixed; bottom: 0px; width: 100%; text-align: center; } </style> </head> <body> <div class="page"> <p>这是第一页的内容</p> </div> <div class="page"> <p>这是第二页的内容</p> </div> <div class="page"> <p>这是第三页的内容</p> </div> <div class="footer"> <strong>页码:</strong> <a href="#page1">1</a> <a href="#page2">2</a> <a href="#page3">3</a> </div> </body> </html>在这个例子中,我们使用CSS的page-break-after属性将页面内容分成了3个块,每个块被称为一个“分页”(page)。 然后,我们添加一个固定在页面底部的导航条,其中包含了3个链接,每个链接对应一个分页。用户可以点击这些链接跳转到相应的页面。 需要注意的是,导航条需要使用CSS的position属性设置为“fixed”,以免在页面滚动时位置变化。 以上就是使用HTML设置分页的一种方法。当然,也可以使用JavaScript等技术实现相同的功能。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。