Openerp 在Odoo 10 QWeb PDF报告中旋转文本（90度-垂直旋转）_Openerp_Qweb

Openerp 在Odoo 10 QWeb PDF报告中旋转文本（90度-垂直旋转）

openerp

Openerp 在Odoo 10 QWeb PDF报告中旋转文本（90度-垂直旋转）,openerp,qweb,Openerp,Qweb,我需要在自定义QWeb PDF报告中将文本旋转90º（垂直显示）有人可以粘贴一个特定的CSS和HTML示例来实现这一点吗（奥多10）谢谢您好，usk70，定义和用法变换特性将二维或三维变换应用于图元。此属性允许您旋转、缩放、移动、倾斜等元素语法变换：无|变换函数|初始|继承属性值旋转（角度）：定义二维旋转，角度在参数中指定例如，我给出了使用html和css3的示例，并在您的Odoo10QWebPDF报告中尝试这段代码 <!DOCTYPE html> <ht

我需要在自定义QWeb PDF报告中将文本旋转90º（垂直显示）

有人可以粘贴一个特定的CSS和HTML示例来实现这一点吗

（奥多10）

谢谢

您好，usk70，

定义和用法
变换特性将二维或三维变换应用于图元。此属性允许您旋转、缩放、移动、倾斜等元素

语法
变换：无|变换函数|初始|继承

属性值
旋转（角度）：定义二维旋转，角度在参数中指定

例如，
我给出了使用html和css3的示例，并在您的Odoo10QWebPDF报告中尝试这段代码

<!DOCTYPE html>
<html>
<head>
<style> 
div {
    width: 200px;
    height: 100px;
    background-color: yellow;
    /* Rotate div */
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
</style>
</head>
<body>

<div>Hello </div>
<br>

<p><b>Note:</b> Internet Explorer 8 and earlier versions do not support the transform property.</p>

<p><b>Note:</b> Internet Explorer 9 supports an alternative, the -ms-transform property. Newer versions of IE support the transform property (do not need the ms prefix).</p>

<p><b>Note:</b> Chrome, Safari and Opera supports an alternative, the -webkit-transform property.</p>

</body>
</html>


div{
宽度：200px；
高度：100px；
背景颜色：黄色；
/*旋转div*/
-ms变换：旋转（90度）；/*IE 9*/
-webkit变换：旋转（90度）；/*铬合金、Safari、Opera*/
变换：旋转（90度）；
}
你好


注意：Internet Explorer 8和早期版本不支持transform属性
注意：InternetExplorer9支持另一个选项-ms transform属性。IE的较新版本支持transform属性（不需要ms前缀）
注意：Chrome、Safari和Opera支持另一个选项-webkit transform属性

我希望我的回答是有帮助的。

如果有任何疑问，请发表评论。

以下是一个适用于Odoo 11的示例：

<div style="transform: rotate(90deg); -webkit-transform: rotate(90deg);">Rotated Text</div>

旋转文本

我自己也有很多麻烦，因为

transform:rotate（90度）在预览中旋转了文本，但它没有这样打印。Odoo 11中使用的WKTHTMLTOPDF版本不支持此CSS属性，除非带有前缀（并且WKTHTMLTOPDF使用Webkit渲染引擎）
如果这在Odoo 10或更早版本中不起作用，则需要查看是否可以更新，或至少将wkhtmltopdf更新为支持该属性的版本。
transform:rotate（90度）；我从来没能在奥多做到这一点。我又有这种需要了。你能提供一个Odoo的工作示例吗？