Css 如何在8.5x11纸张的中心打印div内容?

Css 如何在8.5x11纸张的中心打印div内容?,css,html,printing,Css,Html,Printing,我将信息回显到一个div中,我有一个jQuery打印元素来打印该div。但是纸张总是偏离中心打印。如何将div设计为打印在页面中心?是否有确切的高度/宽度可遵循 这是我的div css类 .contract { align: 0 auto; text-align: center; width: 800px; background-color: #fff; clear: both; display: block; } 使用这个CSS @media prin

我将信息回显到一个div中,我有一个jQuery打印元素来打印该div。但是纸张总是偏离中心打印。如何将div设计为打印在页面中心?是否有确切的高度/宽度可遵循

这是我的div css类

.contract {
   align: 0 auto;
   text-align: center;  
   width: 800px;
   background-color: #fff;
   clear: both;
   display: block;
}
使用这个CSS

@media print {
    #printDiv{
         position:absolute;
         width:300px;
         height:300px;
         z-index:15;
         top:50%;
         left:50%;
         margin:-150px 0 0 -150px;
    }
}

边距值应为宽度和高度值的50%

没有css
align
属性。尝试
margin:0自动,但是如果看不到文档的其余部分,则很难判断

。据我所知,您可以将align=“center”设置为div。不过,您也应该发布代码和屏幕截图(在本例中)以获得更好的响应。如果不解释why@VigneshSakthivel,请查看我的帖子,因为我刚刚添加了css代码。对于我需要的可打印部分,此代码将居中对齐。Joe Phillips:此css代码将垂直和水平居中对齐div。添加@media print将确保此css仅应用于打印,而不用于在屏幕上显示Mike,我认为,您使用的css代码是用于在屏幕上显示它。。我提到的代码将垂直和水平对齐div。单击打印按钮打印“CSS”时,它似乎完全被忽略了!它打印时完全没有格式。是否有一种方法可以使用相同的设置进行打印和显示?我希望它打印的方式与屏幕上显示的方式相同