Wie Sie Text in eine HTML-Tabelle drehen

December 15

Wie Sie Text in eine HTML-Tabelle drehen

HTML ist eine Sprache, die zum Erstellen und Bearbeiten von Objekten auf einer Webseite verwendet wird. In Kombination mit CSS und andere Web-Sprachen ist es möglich, fast jede Art von Anzeige in einem Webbrowser zu erstellen. HTML-Struktur, die in verschiedenster Weise hergestellt werden kann und eine dieser Möglichkeiten ist mit einem Tisch. Mithilfe einer Tabelle, um die Position von Elementen einer Webseite festzulegen, ist es möglich, Text in einer Tabellenzelle drehen.

Anweisungen

1 Öffnen Sie die Webseite, wo Sie gedrehten Text anzeigen möchten.

2 Erstellen Sie eine Tabelle mit einer Zelle, indem Sie den Text hinzufügen "Xxxxxx < Tabelle >< tr >< td > </td >< / tr >< / Tabelle >" irgendwo zwischen den "< Körper >< / body >" Markierungen. Ersetzen Sie den Text "Xxxxxx", mit dem Text, den Sie drehen möchten.

3 Ihre "< td >"-Element eine Klasse und ein Internet Explorer-Filter hinzufügen. Zum Beispiel: "< td Klasse ="Rotieren"Style =" Filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); " > </td > Xxxxxx ".

4 Erstellen Sie eine CSS-Klasse zwischen den "< Leiter >< / Kopf >" Tags von Ihrer Seite: "< Stil Typ =" Text/Css"> Rotation {anzeigen: Block; -Webkit - Transform: rotate(-90deg); - Moz - Transform: rotate(-90deg);} < / style > ".

5 Speichern Sie die Webseite, dann öffnen Sie es in einem Webbrowser zu überprüfen, ob Ihr Text korrekt gedreht wird. Wenn Sie den Drehwinkel ändern möchten, tun Sie dies durch eine Anpassung der "(-90deg)" Elemente in der CSS-Klasse entsprechend. Du musst auch ändern Sie die Eigenschaft "Drehung" Ihres Internet Explorer-Filters auf 0, 1, 2 oder 3 bzw. den Text 0, 90, 180 oder 270 Grad drehen.

Tipps & Warnungen

  • Sie können auch HTML-Elemente, die innerhalb enthalten sind drehen eine "< Div >< / Div >" Tag mithilfe dieser Prozeß.