Ich muss Text um 90º drehen (um es vertikal anzuzeigen) in einem benutzerdefinierten QWeb PDF-Bericht.Text drehen (90º Grad - vertikale Drehung) in Odoo 10 QWeb PDF-Bericht
Kann jemand ein bestimmtes CSS- und HTML-Beispiel einfügen, um dies zu tun?
(Odoo 10)
Dank
Hallo usk70,
Definition und Verwendung
Die Eigenschaft Transformation gilt eine 2D- oder 3D-Transformation auf ein Element. Mit dieser Eigenschaft können Sie Elemente rotieren, skalieren, verschieben, neigen usw.
Syntax
Transformation: keine | transformations Funktionen | Anfangs | vererben;
Eigenschaft Werte
drehen (Winkel): eine 2D-Drehung Definiert wird der Winkel in dem Parameter angegebenen
Zum Beispiel
ich das Beispiel mit HTML und css3 geben und diesen Code versuchen in Ihrem odoo 10 qweb pdf Bericht.
<!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>
Ich hoffe, meine Antwort hilfreich ist.
Wenn irgendeine Frage so kommentiert bitte.
Ich konnte diese Arbeit nie in Odoo machen. Ich habe dieses Bedürfnis wieder. Kannst du ein Arbeitsbeispiel in Odoo geben? –
Transformation: rotieren (90 Grad); –