internet-explorer-8 - IE8打印预览在内容之间显示空白

Question

在 IE 8 打印预览页面页面显示内容之间的空间。原始 html 文件的内容之间没有任何空格。也没有<br>标签。请参考图片以供参考。Mozilla 显示 = 6 页，IE 显示 = 9 页。有没有人遇到过这个奇怪的问题？？

Answer 1

您能否分享您要查看的链接？

尝试在您的打印 CSS 文件中添加以下内容

<link  
    href="http://www.your-domain.com/css/print.css" 
    rel="stylesheet" 
    type="text/css" 
    media="print" />

CSS：

html, body, div, span, object, iframe, h1, h2, 
h3, h4, h5, h6, p, blockquote, pre, abbr, address, 
cite, code, del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, 
ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary, time, mark, 
audio, video, container {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
}

Answer 2

在我的办公室项目中，我有机会创建了一个打印预览页面。当我设计它时，我必须在 IE8、IE9、FF、Safari 和 chrome 中对其进行测试。在为多个浏览器设计该页面时，我遇到了很多问题。大多数时间对齐问题都是由 CSS 引起的（我的意思是打印页面）。如果 IE 在 css 中看到分页符，就会有很大的差距。也是由于浮动元素。所以你必须检查 CSS 和 HTML 结构是否完美。还请遵循以下指南。

1. 指南 1
2. 指南 2