從Chrome打印不居中

我創建簡單的頁面，我想從瀏覽器打印。我把我能找到的所有口哨都放在我的標題和圖片的中心。從Chrome打印不居中

<html> 
<head> 
    <link rel="stylesheet" href="print.css" type="text/css" media="print" /> 
    <!-- print.css is empty --> 
</head> 
<body style="text-align: center; margin: 0 auto;"> 
    <div> 
     <div style="font-size:48pt"> 
      Pretty Long-Long-Long Title 
     </div> 
     <img src="content/images/sample.jpg" style="width:80%"/> 
    </div> 
</body> 
</html>

頁面看起來很好，並集中在所有瀏覽器中。
該頁面在IE和Firefox中打印得很好（居中），但在Chrome中，整個機身框左對齊並且比頁寬小得多。
是否有任何有助於從Chrome中打印居中標題/圖像的whistels？

問題解決了。
問題出在Chrome本身。更確切地說，在使用Chrome PDF Writer插件的打印預覽中。看起來像Chrome PDF Writer不能識別頁面大小，並且沒有任何頁面設置設置。我禁用了Chrome的打印預覽功能，安裝了Adobe的PDF打印機，並且使用我的原始代碼片段打印出一切正常。

來源

2011-06-10 VikVik

試試這個

<body> 
    <div align="center" style="text-align:center;"> 
     <div style="font-size:48pt"> 
      Pretty Long-Long-Long Title 
     </div> 
     <img src="content/images/sample.jpg" style="width:80%"/> 
    </div> 
</body>

要麼

<div align="center" style="text-align:center;">

或

<div style="text-align:center;margin:0 auto;">

鉻工作對我來說，打印到PDF

來源

2011-06-10 19:33:10 Kraz

＃1，使標題左對齊＃2 bahaves的和我原來的一樣。也許有一些我不知道的Chrome設置？ – VikVik 2011-06-10 19:50:32

我認爲Chrome提取了正文內容，所以應用於它的任何樣式都將被刪除。我無法確認這是確切的，但似乎是這樣。 – Kraz 2011-06-10 20:06:48

從Chrome打印不居中

回答

相關問題