IE8打印预览显示内容之间的空白区域

时间:2013-08-15 15:37:36

标签: internet-explorer-8 print-preview

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

enter image description here

enter image description here

2 个答案:

答案 0 :(得分:0)

您能分享一下您要查看的链接吗?

尝试在打印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;
}

答案 1 :(得分:0)

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

  1. Guide 1
  2. Guide 2