87,996
社区成员
发帖
与我相关
我的任务
分享chrome浏览器打印页面 怎样自定义页眉跟页脚？？？跪求啊！！T—T
chrome浏览器打印页面 怎样自定义页眉跟页脚
window.print（）；
膜拜各位大神，寻求帮助啊····
window.print（）；
膜拜各位大神，寻求帮助啊····
...全文
请发表友善的回复…
发表回复
阳光真好123 2020-04-29
- 打赏
- 举报
楼上的都不行，都会被遮挡，emmmm,去求把
六哲1 2019-11-28
- 打赏
- 举报
酷酷的旭 2019-11-28
- 打赏
- 举报
HTML结构
<div class="wrapper">
<div class="content">内容</div>
<div class="footer">页脚</div>
</div>
html, body {
height: 100%;
}
.wrapper {
position: relative;
min-height: calc(100% - 40px); //这里可以调整一下
padding-bottom: 40px;
box-sizing: border-box;
}
.footer {
position: absolute;
bottom: 0;
height: 40px;
width: 100%;
text-align: center;
line-height: 40px;
}
天际的海浪 2018-06-28
- 打赏
- 举报
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
header, footer {
display: none;
}
@media print {
header {
display: block;
}
footer {
display: block;
}
}
</style>
</head>
<body>
<header>页眉</header>
<p>内容</p>
<footer>页脚</footer>
</body>
</html>
