Yas*_*rük 10 html css print-css
我有一个很长的HTML来打印.页面已准备好进行打印,但我需要对每一页进行边框处理.我body { border:2px #666 solid; padding:5px; }在CSS代码中添加了.HTML视图很好但打印视图不是.因为border-bottom没有显示第一页而border-top没有显示所有其他页面.
我希望,我可以解释我想要的东西.我正在搜索并仍在寻找解决方案.而且我认为这很容易.但是还没找到.
最好的方法是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>
Run Code Online (Sandbox Code Playgroud)
试试这个它会对你有帮助:它将在全屏上制作边框。
<!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>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
9068 次 |
| 最近记录: |