html - 打印时添加两个额外的空白页

标签 html css printing

我正在使用 CSS 属性进行打印, 我的打印中总是添加两页额外的页面。为此,我尝试了这些东西:-

.print:last-child {
 page-break-after: auto;
 }

但这行不通

我也试过了:-

     html, body { 
     height: auto; 
    } 

但问题依然存在。

当我使用这个时:-

    .print{
    page-break-after: always
   }

它打印一个额外的空白页

最佳答案

添加 page-break-after: avoidpage-break-before: avoid 并且您可以减少它也会影响的元素间距。如果你给我 url/js fiddle 链接,解决问题会更容易。我也在打印版上挂了很多次

关于html - 打印时添加两个额外的空白页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33141665/

相关文章:

html - 填充行内元素的顶部和底部

Java 打印 : which DocFlavor to choose for my printer?

apache-flex - 如何使用 mx PrintDataGrid 打印 flex spark datagrid?或者有没有其他方法可以在不使用 mx PrintDataGrid 的情况下实现这一目标?

html - 在 div 内居中 div

javascript - 尝试将文本添加到按钮的值

php - 如何从搜索结果中每页显示 n 行数

python - 如何使用pygtk打印图像

javascript - 如果我的 JavaScript 代码在 <iframe> 中,我是否需要命名空间?

css - 如何使用CSS在div内的文本span之前和之后制作一行

html - 如何在 <a> 标签链接旁边对齐 <p> 标签而不出现间距问题