加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

html – 用于在CSS中打印的页边距

发布时间:2020-12-14 18:37:14 所属栏目:资源 来源:网络整理
导读:在问这里之前我搜索了很多,但没有找到我的问题的答案. 我想在打印时为我的网站页面插入顶部和底部边距,所以我使用了正常的margin-top和margin-bottom来打印div,但它仅在第一张纸上受到影响!所以我按照W3C CSS2.1规定的说明使用了这个: @page { margin-top:
在问这里之前我搜索了很多,但没有找到我的问题的答案.

我想在打印时为我的网站页面插入顶部和底部边距,所以我使用了正常的margin-top和margin-bottom来打印div,但它仅在第一张纸上受到影响!所以我按照W3C CSS2.1规定的说明使用了这个:

@page {
    margin-top: 5cm;
    margin-bottom: 5cm;
}

但在Firefox打印预览或打印到PDF中没有效果.那么如何通过CSS插入顶部和底部边距(对于每张打印的纸张)?或者在Firefox中有什么技巧可以做到这一点?

解决方法

@page {
    margin-top: 5cm;
    margin-bottom: 5cm;
 }

@media print {
     body {margin-top: 50mm; margin-bottom: 50mm; 
           margin-left: 0mm; margin-right: 0mm}
}

在Firefox 35中正常工作

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读