我正在使用dompdf将HTML转换为pdf文件.一切正常.但是问题是我需要第一页以外的所有页面都有页边距.第一页应该有一张覆盖整个页面的图像.但是现在,包括第一页在内的所有页面的利润都在增加.
我无法为第一页禁用边距.任何帮助是极大的赞赏.提前致谢.
以下是我的CSS
<style type="text/css">
body { margin: 0px; }
@page { margin: 50px; }
#header {
position: fixed;
left: 0px;
top: -52px;
height: 50px;
border-bottom: 2px solid #797979;
margin: 0;
}
#footer {
position: fixed;
left: 0px;
bottom: -52px;
height: 50px;
border-top: 2px solid #797979;
margin: 0;
}
#footer .page:after { content: counter(page); }
.firstpage {
position: absolute;
page-break-after: always;
top: -50px;
width: 100%;
margin: 0;
}
.otherpages{ margin: 0; }
</style>
这是我的html
<div class="firstpage">
<img src="pdf-bg.jpg" style="width:100%; height:auto;/>
</div>
<div id="header">
<p><?PHP echo date("F j, Y"); ?></p>
</div>
<div id="footer">
<p class="page">Page <?PHP $PAGE_NUM ?></p>
</div>
<div class="otherpages">
some content
</div>
解决方法:
尝试这个,
@page { margin: 50px 0; }
.firstpage {
position: absolute;
page-break-after: always;
top: -50px; // compensating for @page top margin
width: 100%;
margin: 0;
}
.otherpages{ margin: 0 50px; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。