我有很长的 HTML 要打印。页面已准备好打印，但我需要为每一页加边框。我添加body { border:2px #666 solid; padding:5px; }了 CSS 代码。HTML 视图很好，但打印视图不是。因为border-bottom 没有显示第一页，而border-top 没有显示所有其他页面。
我希望，我可以解释我想要什么。我正在搜索并仍在寻找解决方案。而且我认为这很容易。但还是没有找到。
问问题
16858 次
3 回答
9
最好的方法是在页面中放置一个固定div的。重要的是你不应该在里面放任何内容。它与多页无缝协作：
<html>
<head>
<style type="text/css">
#pageborder {
position:fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 2px solid black;
}
</style>
</head>
<body>
<div id="pageborder">
</div>
sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>
111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>
111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>
222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>
</body>
</html>
于 2018-06-02T10:47:55.927 回答
4
试试这个它会帮助你：它会在全屏上制作边框。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Border around content</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
overflow: hidden;
}
#wrapper {
position: absolute;
overflow: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 5px solid red;
}
</style>
</head>
<body>
<div id="wrapper">
</div>
</body>
</html>
于 2014-06-23T08:37:30.330 回答
-2
默认情况下，边框呈现在元素区域之外。
尝试将其添加到打印 CSS：
body { box-sizing: border-box; border: 10px solid black; }
希望这可以帮助！
编辑：您也可以尝试使边框更大，并临时添加 !important 到 box-sizing 和边框 CSS。这有时可以帮助我找到问题的根源。
于 2014-06-23T08:33:27.507 回答