chrome瀏覽器列印頁面 怎樣自定義頁眉跟頁腳
window.print（）；
膜拜各位大神，尋求幫助啊····
uj5u.com熱心網友回復：
<!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>
uj5u.com熱心網友回復：
uj5u.com熱心網友回復：
HTML結構
<div class="wrapper">
<div class="content">內容</div>
<div class="footer">頁腳</div>
</div>
CSS
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;
}
uj5u.com熱心網友回復：
樓上的都不行，都會被遮擋，emmmm,去求把轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/56041.html
標籤：JavaScript
上一篇：今天發現一個es6中很奇怪的地方
下一篇：怎么取消Live reload enabled.這個提示啊？ 打開網頁后要重繪取消這個提示。我下載的有Live Server