从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中打印居中标题/图片的巧言?


问题解决了。
问题出在Chrome本身。 更确切地说,在使用Chrome PDF Writer插件的打印预览中。 看起来像Chrome PDF Writer不能识别页面大小,并且没有任何页面设置设置。 我禁用了Chrome的打印预览功能,安装了Adobe的PDF打印机,并且使用我的原始代码片段打印出一切正常。


尝试这个

<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

链接地址: http://www.djcxy.com/p/20481.html

上一篇: Print from Chrome is not centered

下一篇: How do you debug printable CSS?