在IE11中使用HTML / CSS打印页面横向

时间:2018-05-08 16:39:41

标签: html css internet-explorer-11

我目前有一个以纵向打印工作表的程序,但我必须在Internet Explorer 11中使用它。我已经看到了一些很好的答案,但它们都没有为我工作。我尝试过以下方法:

// These are old styles that I tried to use but would still print in 
   portrait mode.
1. filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
2. Size: landscape
3. <Body class = "landscape"> .landscape{/*Some style*/}

我目前有一个设置如:

<style type="text/css" media="print">
    @page {
        size: auto;
        margin: 25mm 0mm 0mm 0mm;
    }
    body{
        margin: 0px;
    }
</style>

在Internet Explorer 11中运行时,以下代码将以默认纵向模式打印工作表。我的html的主体基本上只是一张桌子,需要在一张纸上打印出来。我的问题是,有没有办法可以添加一些样式或使用任何工作来打印Internet Explorer中的工作表格。我不在乎它是否适用于任何其他浏览器。

1 个答案:

答案 0 :(得分:0)

以下CSS将通过将内容旋转90度在IE11中以横向模式打印

<style type="text/css" media="print">
    body {
        writing-mode: tb-rl;
    }

    page {
        size: landscape;
        -webkit-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
</style>