IE11打印网站每页底部都掉线

Question

我有一个显示网格和图例图表的网络应用程序。该应用程序能够仅打印摘要图表或带有网格数据的图表。然后将网格数据解析为 html 的漂亮 printable 格式，而不是它所在的 table。

当然，当尝试打印时，我在 chrome 中得到了完美的结果。但是 IE11 会在每个页面的底部切断内容。这几乎就像它试图切断文本。大约 2-3 行文本将被无缘无故地截断。截止金额似乎取决于它在 div 中的位置。例如，如果它在标题中被截断，它就只是一行。如果它在内框的中间切断，那么它将切断该框末尾的所有内容，并移至下一页的下一部分。

IE11:

Chrome:

我已经尝试过的东西：

删除了所有浮动显示 inline-block
确保 overlow 始终可见
更改 IE11 打印预览中的边距
完全删除了所有样式，但文本仍然有截断。

如有任何帮助，我们将不胜感激。

Answer 1

所以我花了几天时间慢慢剥离所有内容。看来我在链上某处有一个元素，甚至在 html 中也没有，即 position:absolute。我刚刚添加：

@media print{
    *{
        float:none!important;
        position:static!important;
    }
}

一切正常。

浮动和绝对位置显然会破坏 IE 中的打印。我建议永远不要在页面布局中使用绝对位置。

IE11打印网站每页底部都掉线

IE11 Printing website loses lines at the bottom of every page

html

css

printing

internet-explorer-11