Chrome中的打印不会居中

时间:2011-06-10 19:13:37

标签: html css google-chrome printing

我创建了一个简单的页面,我想从浏览器打印。 我把我能找到的所有口哨放在我的标题和图片的中心位置。

<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打印中心标题/图像的文件?


问题解决了。
问题出在Chrome本身。更确切地说,在使用Chrome PDF Writer插件的打印预览中。看起来Chrome PDF Writer无法识别页面大小,也没有任何页面设置设置。我禁用了Chrome的打印预览,安装了Adobe的PDF打印机,所有内容都打印好了原始代码片段。

1 个答案:

答案 0 :(得分:3)

试试这个

<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