Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So verwenden Sie das CSS3-Attribut text-justify

青灯夜游
Freigeben: 2019-05-27 17:30:34
Original
3261 Leute haben es durchsucht

Das Textausrichtungsattribut wird verwendet, um die Ausrichtungsmethode anzugeben, wenn das Textausrichtungsattribut text-align auf „justify“ eingestellt ist. Dieses Attribut gibt an, wie Textzeilen ausgerichtet und getrennt werden.

So verwenden Sie das CSS3-Attribut text-justify

CSS3 text-justify-Attribut

Das text-justify-Attribut gibt an, dass die Textausrichtung festgelegt ist um die Ausrichtung zu „ausrichten“ und anzugeben, wie der Text ausgerichtet und beabstandet werden soll.

Syntax:

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;
Nach dem Login kopieren

Parameter:

auto: Der Browser bestimmt den parallelen Algorithmus.

keine: Alle Zeilen deaktivieren.

Internet: Erhöhen/verringern Sie den Abstand zwischen Wörtern. Richten Sie Text aus, indem Sie den Abstand zwischen Wörtern anpassen und so effektiv zusätzliche Wortabstände schaffen. Dies ist eigentlich eine Variation des Wortabstandsattributs.

Inter-Ideogramm: Verwenden Sie ideografischen Text, um Inhalte auszurichten.

Clusterübergreifend: Richten Sie nur Inhalte aus, die keine internen Wortlücken enthalten (z. B. asiatische Sprachen).

Verteilen: Ähnlich einem Zeitungslayout, außer dass die letzte Zeile in ostasiatischen Sprachen nicht ausgerichtet ist.

Kashida: Richten Sie Inhalte aus, indem Sie Zeichen strecken.

Hinweis: Nur ​​Internet Explorer unterstützt das text-justify-Attribut.

Beispiel für die Verwendung des CSS3-Attributs „text-justify“

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div
{
text-align:justify;
text-justify:inter-word;
}
</style>
</head>
<body>
<h1>CSS text-justify 实例</h1>
<div>php中文网</div>
<p><b>提示:</b>请调整浏览器窗口的大小,来查看齐行效果。</p>
</body>
Nach dem Login kopieren
Rendering:


So verwenden Sie das CSS3-Attribut text-justify

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS3-Attribut text-justify. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage