首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >打印html页面时的页边距

打印html页面时的页边距
EN

Stack Overflow用户
提问于 2009-10-09 07:26:15
回答 3查看 329.6K关注 0票数 159

我正在使用单独的样式表进行打印。

可以在设置打印边距的样式表中设置左右边距吗?(即纸张上的边距)

EN

回答 3

Stack Overflow用户

发布于 2013-01-31 16:26:18

更新、简单的解决方案

代码语言:javascript
复制
@media print {
   body {
       display: table;
       table-layout: fixed;
       padding-top: 2.5cm;
       padding-bottom: 2.5cm;
       height: auto;
   }
}

旧的解决方案

创建每个页面的部分,并使用下面的代码来调整边距、高度和宽度。

如果您打印的是A4大小。

然后是用户

尺寸:8.27英寸和11.69英寸

代码语言:javascript
复制
@page Section1 {
    size: 8.27in 11.69in; 
    margin: .5in .5in .5in .5in; 
    mso-header-margin: .5in; 
    mso-footer-margin: .5in; 
    mso-paper-source: 0;
}



div.Section1 {
    page: Section1;
} 

然后创建一个包含所有内容的div。

代码语言:javascript
复制
<div class="Section1"> 
    type your content here... 
</div>
票数 10
EN

Stack Overflow用户

发布于 2013-10-10 04:09:02

我也推荐pt,而不是cm或mm,因为它更精确。而且,我不能让@page在Chrome (版本30.0.1599.69m)中工作,它忽略了我为边距放置的任何东西,无论大小。但是,你可以让它与文档上的正文边距一起工作,这很奇怪。

票数 1
EN

Stack Overflow用户

发布于 2009-10-09 07:41:20

如果您知道目标纸张大小,则可以将内容放入具有该特定大小的DIV中,并向该DIV添加页边距以模拟打印页边距。不幸的是,除了显示打印对话框之外,我不相信您对打印功能有额外的控制。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1542320

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档