如何在每个页面的打印CSS中制作页面边框

Yas*_*rük 10 html css print-css

我有一个很长的HTML来打印.页面已准备好进行打印,但我需要对每一页进行边框处理.我body { border:2px #666 solid; padding:5px; }在CSS代码中添加了.HTML视图很好但打印视图不是.因为border-bottom没有显示第一页而border-top没有显示所有其他页面.

我希望,我可以解释我想要的东西.我正在搜索并仍在寻找解决方案.而且我认为这很容易.但是还没找到.

Mah*_*vej 8

最好的方法是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)


Sha*_*ank 6

试试这个它会对你有帮助:它将在全屏上制作边框。

    <!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)

  • 好吧,我尝试了一些方法并解决了我的问题。将 #wrapper `position:absolute` 更改为 `position:fixed`。感谢您的帮助。 (4认同)