Vik*_*Vik 5 html css printing google-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;">
在 Chrome 中为我工作，打印为 pdf
| 归档时间： |
|
| 查看次数： |
7431 次 |
| 最近记录： |