page-break-after, page-break-before, page-break-inside
来控制打印分页.
类似#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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)