我运行一个Web应用程序,为用户生成一些报告.对于其中一个报告,我需要打印90度旋转的文本.我尝试了很多方法但没有找到正确打印方法.我可以使用下面的css类在90度旋转的弹出窗口上显示文本,但是当它像往常一样被发送到打印机时,文本将旋转到正常形式并打印出来.我理解打印机没有打印的原因,因为它显示在浏览器上,但我有什么方法可以做到这一点？此站点的脚本语言是
PHP.
更新：我可以打印在静态页面上旋转的文本,但是当弹出时不能打印旋转的文本.实际上现在我需要帮助打印一个CSS样式完整的页面
编辑：如果我只能通过Firefox打印它,因为客户端使用Mozilla Firefox,它甚至会有用.
.rotate{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
width:400;
height:400;
}
这是弹出窗口显示文本以及我想如何打印文本的方式
非常感激！
嗯……这对我有用……测试：
> Firefox 23(Win7,OSX)
> Chrome 28(Win7,OSX)
> Safari 6(OSX)
不可否认,我实际上并没有打印它,而是将打印输出重定向到PDF(操作系统级功能;与Firefox无关).
确保定义旋转的规则没有附加一些media query,在media =“print”中禁用它们.
我使用了以下示例文档,它作为一个方便的数据URI：
data:text/html,%3Cp%20style=%22%20-webkit-transform:%20rotate%28-90deg%29;%20transform:%20rotate%28-90deg%29;%20border:%201px%20solid%20red;%20padding:%201ex;%20width:%20100px;%20%22%3Etest%20rotate%3C/p%3E