本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

从Chrome打印未居中

发布于2021-04-13 10:51     阅读(1113)     评论(0)     点赞(20)     收藏(2)


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

<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.qianduanheidong.com/blog/article/64415/03d2ec29377f1e2a9667/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

20 0
收藏该文
已收藏

评论内容:(最多支持255个字符)