Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Verwendung des CSS-Attributs text-justify

Detaillierte Erläuterung der Verwendung des CSS-Attributs text-justify

黄舟
黄舟Original
2017-06-20 14:13:254242Durchsuche

Syntax:

text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph

Parameter:
auto: Ermöglicht dem Browser-Benutzeragenten, die verwendeten Ausrichtungsregeln zu bestimmen
inter-word: Durch Hinzufügen von Leerzeichen zwischen Wörtern Text ausrichten. Dieses Verhalten ist die schnellste Möglichkeit, alle Textzeilen auszurichten. Sein Rechtfertigungsverhalten hat keinen Einfluss auf die letzte Zeile eines Absatzes
Zeitung: Richten Sie den Text aus, indem Sie den Abstand zwischen Wörtern oder Buchstaben vergrößern oder verkleinern. Es ist das genaueste Format zum Ausrichten beider Enden des lateinischen Alphabets.
Verteilen: Behandelt Leerzeichen ähnlich wie Zeitungspapier, geeignet für ostasiatische Dokumente. Insbesondere Thailand
Distribute-All-Lines: Die Methode zum Ausrichten von Zeilen an beiden Enden ist die gleiche wie beim Verteilen und umfasst außerdem nicht die letzte Zeile von zwei ausgerichteten Absätzen. Für ideografische Dokumente
inter-ideograph: Bietet eine vollständige Begründung für ideografischen Text. Es vergrößert oder verkleinert den Abstand zwischen Ideogrammen und Wörtern

Beschreibung:
Legt die Ausrichtung von Text innerhalb des -Objekts fest oder ruft sie ab.
Die entsprechende Skriptfunktion ist textJustify. Bitte sehen Sie sich andere Bücher an, die ich geschrieben habe.

Beispiel:

div {text-justify : auto; }

Manchmal verwenden wir die Textausrichtung an beiden Enden, um die Vorlage zu verschönern. Wie Sie also die Textausrichtung an beiden Enden erreichen und auf welche Punkte Sie achten sollten, erfahren Sie im Folgenden:

Derzeit müssen Sie für englische Artikel nur text-align festlegen :justify; um beides endausgerichtet zu erreichen, wie im folgenden Beispiel:

Englischer endausgerichteter Einstellungscode

<p style="text-align:justify;width:500px;margin:10px auto;border:1px solid red;
padding:10px;">
This is the effect of the English text:
Start:
W3Schools is optimized for learning, testing, and training. 
Examples might be simplified to improve reading and basic understanding.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. 
While using this site, you agree to have read and accepted our terms of use and privacy policy.
End.

Wenn Sie mit Chinesisch arbeiten, benötigen Sie auch um text-justify:inter-ideograph Attribute hinzuzufügen, wie im folgenden Beispiel:

Chinesischer Blocksatz-Einstellungscode

<p style="text-align:justify;text-justify:inter-ideograph;width:500px;margin:10px auto;
border:1px solid red;padding:10px;">
这是中文文字的效果:
测试文字内容区开始:
创想信息网—前端开发栏目,关注网站设计、前端开发。
创想信息网其他关注方向有——dedecms二次开发、标签使用及优化,计算机故障排除,学习资源分享,
开发工具推荐,视频教程汇总,精彩博文推荐,社会经验、情感经历分享、数据库使用以及几个常见的web项目运维。

Hinweis:

Satzzeichen richten das Layout aus. Daher vermeiden die meisten Mainstream-Browser standardmäßig, dass Satzzeichen am Anfang der Zeile stehen. Dieses Problem ist komplizierter.

Anders verhält es sich, wenn am Ende der Zeile Leerzeichen stehen, wird hier automatisch umgebrochen, das Satzzeichen kann auch am Anfang der nächsten Zeile stehen.

Das folgende Chuangxiang Information Network wird die Kenntnisse über Text-Justify in CSS überprüfen:

Text-Justify: Die Parameter lauten wie folgt

Auto ermöglicht dem Browser-Benutzeragenten dies Bestimmen Sie die Verwendung der Rechtfertigungsregel.

Zwischenwörtern richtet Text aus, indem Leerzeichen zwischen Wörtern eingefügt werden. Sein rechtfertigendes Verhalten hat keine Auswirkung auf die letzte Zeile eines Absatzes.

Zeitung Richten Sie Text aus, indem Sie Leerzeichen zwischen Wörtern oder Buchstaben hinzufügen oder reduzieren. Ist das genaueste Format zur Rechtfertigung des lateinischen Alphabets.

Distribute behandelt Leerzeichen ähnlich wie Zeitungspapier und eignet sich für ostasiatische Dokumente. Vor allem Thailand.

distribute-all-lines richtet Zeilen auf die gleiche Weise wie „distribute“ aus und berücksichtigt außerdem nicht die letzte Zeile von zwei ausgerichteten Absätzen.

inter-ideograph liefert vollständig begründeten ideografischen Text. Er fügt Ideogramme und Leerzeichen zwischen Wörtern hinzu oder entfernt sie.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung des CSS-Attributs text-justify. 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