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

【问题标题】：How to format CSS for 8.5x11 inch printed pages如何为 8.5x11 英寸打印页面格式化 CSS
【发布时间】：2011-05-11 10:04:10
【问题描述】：

我正在寻求帮助来设置适合信纸边界的初始 DIV。我将循环以 `page-break-after; 结尾的动态页面内容；总是；。

我一直在使用试错法，但现在已经没有纸可以试用了。

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

谢谢！

【问题讨论】：

对不起，这里的问题是什么？
已编辑以更清楚地定义问题。
“纸张用完” - 你知道有一个打印预览选项，对吧？
是的。打印预览不够准确。我正在尝试在预印表格的框中打印一个唯一的序列号。

标签： css templates printing

【解决方案1】：

使用 CSS 重置模板并在打印选项中关闭“缩小到页面”后，我可以制作一个 7 英寸（约 670 像素）宽和 9.5 英寸（约 900 像素）高的 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;
}

【讨论】：