2013-03-23 42 views
4

我將信息反饋到一個div,我有一個jQuery打印元素來打印該div。但紙張總是偏心打印。我怎樣才能設計出div打印在頁面的中心?有沒有一個確切的高度/寬度可以遵循?如何獲取div內容以打印8.5x11張紙的中心?

這是我的DIV + CSS類

.contract { 
    align: 0 auto; 
    text-align: center; 
    width: 800px; 
    background-color: #fff; 
    clear: both; 
    display: block; 
} 
+1

[如何爲您的網站創建一個簡單的打印CSS](http://www.onextrapixel.com/2009/05/05/how-to-create-a-simple-print-css-for-your-現場/)。 – Vucko 2013-03-23 17:47:38

+0

據我所知,你可以在div中設置align =「center」。不過,你也應該發佈你的代碼和截圖(在這種情況下)以獲得更好的響應。 – anuragsn7 2013-03-23 17:51:57

回答

2

使用此CSS

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

數值區間應該是寬度和高度值

+1

不解釋爲什麼 – 2013-03-23 17:56:42

+0

@Vignesh Sakthivel,請檢查我的帖子,因爲我剛剛添加我的css代碼。此代碼如果對於我需要的可打印部分居中 – Jaylen 2013-03-23 19:37:08

+0

Joe Phillips:此CSS代碼將垂直和水平居中對齊div。添加@media打印將確保此css僅適用於打印,並且不適用於在屏幕上顯示 – 2013-03-25 03:28:20

0

的50%,沒有CSS align財產。嘗試margin:0 auto;,但是沒有看到你的文檔的其餘部分,這是不可能告訴。