html - 处理真实的打印边距

标签 html css

我正在尝试创建与标签页完全匹配的样式。我的一般策略是将正文设置为没有边距,准确设置页面大小,并且每页打印布局的内部 div 也匹配 8½″ × 11″(在本例中)。

问题是将页边距设置为 0 实际上并没有将其精确设置为零。

@page {
    size: 8.5in 11in;
    margin: 0;
}

环顾四周后我的理解是,您不能真正将页边距设置为零并期望结果为零。我想要的是:

1) 在 javascript 中获得最小打印边距的方法,这样我就可以补偿我内部样式的精确负边距和填充。

2) 一种覆盖此设置的方法,这样我可以获得真正的零边距(注意:我不需要边到边打印,我只需要根据页面调整样式大小)

3) 我还没有想到的一些其他解决方案。

下面是 edge-dev 中打印预览的屏幕截图。如上所示,边距设置为零。我更改了内部 div 的背景并打开背景图形设置以直观地显示正文(和内部 div)的大小。

enter image description here

最佳答案

尝试

@page{
margin-top: -10px;
margin-right: -10px;
}

代替边距:0;

关于html - 处理真实的打印边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57773534/

相关文章:

java - REGEX:在 HTML 文本中添加链接

html - 简单的 HTML CSS 下拉菜单问题

html - 为什么跨度会影响兄弟跨度的垂直定位

jquery - 相互响应的div框

javascript - 使用javascript更改类的CSS样式,但不在DOM中

javascript - 检测什么 javascript 函数正在加载时更改页面元素?

javascript - 如果 td 有任何文本,则附加逗号 (,) 加 html,否则仅附加 html

html - 法语前端开发?

javascript - 添加 W3C 有效 CSS 时 Internet Explorer 7 卡住

javascript - jQuery 宽度值错误