Heim  >  Artikel  >  Web-Frontend  >  Der Unterschied zwischen dem CSS-Richtungsattribut und dem Schreibmodusattribut

Der Unterschied zwischen dem CSS-Richtungsattribut und dem Schreibmodusattribut

黄舟
黄舟Original
2017-06-20 10:05:081650Durchsuche

In CSS werden Schreibmodus und Richtung beide verwendet, um die Anzeigerichtung von Text zu steuern, es gibt jedoch Unterschiede zwischen ihnen.

Die Parameter im Schreibmodus sind lr-tb (links und rechts – oben und unten) tb-rl (oben und unten – rechts und links). Die Schreibmethode in westlichen Ländern ist normalerweise links und rechts. Auf und ab, aber in asiatischen Ländern wie China ist die antike Poesie von rechts nach links und spiegelt das Attribut des Schreibmodus wider!

Beispiel:

<div class="mode">  
  <h3>登鹳雀楼</h3>  
<p>白日依山尽,<br>黄河入海流.<br>欲穷千里目,<br>更上一层楼。</p>  
</div>
.mode{  
            writing-mode: tb-rl;      
        }  
        p{  
            font-size: 24px;  
        }

Der angezeigte Effekt:

Der Unterschied zwischen dem CSS-Richtungsattribut und dem Schreibmodusattribut

Richtungsparameter ltr (von links nach rechts) und rtl ( von rechts nach links).

Verwenden Sie die Richtung, um zu steuern, ob die Schreibrichtung des Textes von links nach rechts oder von rechts nach links erfolgt.

Zuallererst layout-flow: steuert auch den Fluss des Textinhalts des Objekts (dieses Attribut kann jedoch durch das Schreibmodus-Attribut ersetzt werden)

In CSS, Schreibmodus und Richtung werden verwendet, um die Art und Weise festzulegen, wie Text angezeigt wird. Die beiden weisen einige Ähnlichkeiten und wesentliche Unterschiede auf. Lassen Sie uns zunächst die Verwendung der beiden vorstellen:

Schreibmodus

Syntax:

writing-mode : lr-tb | tb-rl

Parameter:
lr-tb: links-rechts , oben-unten
tb-rl: oben-unten, rechts-links

Beschreibung:
Legen Sie die inhärente Schreibrichtung des Inhaltsblocks des Objekts fest oder rufen Sie sie ab. Westliche Sprachen verwenden tatsächlich die Schreibweise von links nach rechts und von oben nach unten. Aber in asiatischen Sprachen gibt es oft einen Auf-Ab-Rechts-Links-Schreibstil.
Wenn sich der Wert dieses Attributs ändert, ändern sich auch die Funktionen des Attributs text-align und des Attributs vertical-align.
Die entsprechende Skriptfunktion ist writingMode. Bitte sehen Sie sich andere Bücher an, die ich geschrieben habe.

Richtung

Syntax:

direction: ltr | rtl

Parameter:

ltr: links-rechts
rtl: rechts-links

Erklärung:

Das Richtungsattribut legt fest, ob die Schreibrichtung des Textes von links nach rechts oder von rechts nach links ist.

Aus dem obigen Vergleich können wir schließen, dass wir, wenn es nur um die Art und Weise geht, wie Text angezeigt wird, z. B. von links nach rechts oder von rechts nach links, häufig die Richtung verwenden, um mit unterschiedlichen Schreibweisen zurechtzukommen Gewohnheiten des Textes. Insbesondere wenn der Text vertikal von oben geschrieben wird, wie z. B. die Schreibmethode alter chinesischer Schriftzeichen, müssen wir den Schreibmodus verwenden.

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen dem CSS-Richtungsattribut und dem Schreibmodusattribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn