如何格式化8.5x11英寸打印页面的CSS

Question

我正在寻找帮助设置适合信纸边界的初始DIV。我将循环使用`page-break-after结束每个页面的动态页面内容;总是;

我一直在使用试错法，现在已用完纸张试用了。

如何设置位置与纸张边距相关的div容器？

谢谢！

Answer 1

使用CSS重置模板后，在打印选项中关闭“缩小到页面”，我可以制作一个7“（约670px）宽，9.5（约900px）高的DIV。我可以放在里面这个盒子。

它在我连接的打印机之间转换得很好。如果我的计算是正确的，则打印DPI约为95ppi。

#printPage
{
  margin: 0px;
  padding: 0px;
  width: 670px; /* width: 7in; */
  height: 900px; /* or height: 9.5in; */
  clear: both;
  background-color: gray;
  page-break-after: always;
}

然后像这样定位：

#cube
{ 
  position: relative;
  top: 1in;
  left: 1in;
  width: 1in;
  height: 1in;
  background-color: white;
}