Wie zentriere ich Text "ABC" und "ABCDEFGHIJ" in Spalten 1 und 3 dieser HTML-Tabelle? Ich habe versucht, HTML-Tag text-align, aber ich denke, die Übersetzung verhindert diese Ausrichtung.
Sie können mit diesem Zauberschnipsel absolut alles zentrieren: Ссылка
Es funktioniert auch in diesem Fall. Kinder divs haben position: absolute , also müssen wir position: relative für Eltern festlegen, damit sie relativ zu ihr positioniert sind, und auch Eltern müssen Breite und Höhe eingestellt haben, da der Inhalt sie nicht mehr automatisch festlegt.
Okay, anstatt Ihren Code zu manipulieren, habe ich ein paar Schritte zurück genommen und etwas umgeschrieben, wobei ich versucht habe, Ihre allgemeine Struktur in Takt zu halten. Was wäre, wenn wir anstelle des rotierenden css, das Sie geschrieben haben, etwas wie eine einfache transform: rotate(-90deg); auf dem <div> mit dem Text gemacht haben. Dann erweitern Sie einfach die Höhe der <td> -Tags ein wenig.
HTML
%Vor%CSS
%Vor%und schließlich JS JIDDLE
Sie können auch writing-mode
Ссылка Abstract
CSS-Schreibmodi Level 3 definiert die CSS-Unterstützung für verschiedene internationale Schreibmodi, z. B. von links nach rechts (z. B. Latein oder Indisch), von rechts nach links (z. B. Hebräisch oder Arabisch), bidirektional (z. B. gemischtes Latein und Arabisch) ) und vertikal (zB asiatische Skripte).