HTML怎么分页,index.html#home为第一个页面,以此类推?

HTML怎么分页,index.html#home为第一个页面,以此类推?,第1张

类似#home这种链接是在一个页面内的跳转,跳转到的位置我们称之为“锚点”。下面的代码存到index.html即可查看效果<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><div style="position: fixedtop: 0left: 0background-color: #fff"><a href="#home">首页</a><a href="#page2">page2</a><a href="#page3">page3</a></div><div style="height: 800pxborder: 1px solid #dddpadding-top: 35px"><a id="home"></a><br><br>这里是首页部分</div><div style="height: 800pxborder: 1px solid #dddpadding-top: 35px"><a id="page2"></a><br><br>这里是page2部分</div><div style="height: 1000pxborder: 1px solid #dddpadding-top: 35px"><a id="page3"></a><br><br>这里是page3部分</div></body></html>

有分页的,需要使用css

这是有关打印的一些css属性

属性 版本 兼容性 继承性 简介

page CSS2 IE5.5+ 有 检索或指定显示对象容器时使用的页面类型(pagetype)。参阅@page规则

page-break-after CSS2 IE4+ 无 检索或设置对象后出现的页分割符

page-break-before CSS2 IE4+ 无 检索或设置对象前出现的页分割符

page-break-inside CSS2 NONE 有 检索或设置对象容器中出现的页分割符

marks CSS2 NONE 无 设置或检索什么样的标志是应该在页容器外边被给予

orphans CSS2 NONE 有 设置或检索对象内容内一定要留在一页范围底端以内的行的最少数量

size CSS2 NONE 有 检索或指定页面规格的调整

widows CSS2 NONE 有 检索或指定一定要留在页面顶部的行数


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6104422.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存