Eine der Eigenschaften der Typografie einer Website, die Sie während der Entwicklung einer Website anpassen können, ist die Rechtfertigung des Texts der Website. Standardmäßig wird der Website-Text so eingestellt, dass viele Websites ihren Text hinterlassen. Die einzigen anderen Optionen sind zu Recht gerechtfertigt, die niemand auf Websites verwendet, da dies den Text im Wesentlichen für das Online-Lesen unmöglich macht, oder was als völlig gerechtfertigt gilt.
Ausgerichteter Text ist ein Textblock, der sowohl auf der linken als auch auf der rechten Seite ausgerichtet ist, im Gegensatz zu nur einer dieser Seiten (was bei der Ausrichtung "links" und "rechts" der Fall ist). Der doppelt ausgerichtete Effekt wird durch Anpassen der Wort- und Buchstabenabstände in jeder Textzeile erreicht, um sicherzustellen, dass jede Zeile die gleiche Länge hat. Dieser Effekt wird als vollständige Rechtfertigung bezeichnet. Sie rechtfertigen Text in CSS mit dem Textausrichtung Eigentum.
Wie funktioniert die Rechtfertigung?
Der Grund, warum Sie auf der rechten Seite eines Textblocks häufig eine unebene Kante sehen, ist, dass jede Textzeile nicht die gleiche Länge hat. Einige Zeilen enthalten mehr Wörter oder längere Wörter, während andere weniger oder kürzere Wörter enthalten. Um diesen Textblock zu rechtfertigen, müssen einigen Zeilen zusätzliche Leerzeichen hinzugefügt werden, um alle Zeilen auszugleichen und sie konsistent zu machen.
Jeder Webbrowser-Hersteller verfügt über einen eigenen Algorithmus, um die zusätzlichen Leerzeichen in einer Zeile anzuwenden. Die Browser prüfen die Wortlänge, die Silbentrennung und andere Faktoren, um zu bestimmen, wo die Leerzeichen platziert werden sollen. Aus diesem Grund sieht der begründete Text von Browser zu Browser möglicherweise nicht identisch aus. Dies ist in Ordnung, da kein Websitebesucher von einem Browser zum anderen springen kann, nur um zu vergleichen, wie die Zeilenlänge Ihrer Website aussieht! Seien Sie jedoch versichert, dass die Unterstützung von großen Browsern gut geeignet ist, um Text mit CSS zu rechtfertigen.
Wie rechtfertigt man den Text?
Das Ausrichten von Text mit CSS erfordert zum Ausrichten einen Textabschnitt. In der Regel wird dies für Absätze von Text vorgenommen, da große Textblöcke, die sich über mehrere Zeilen erstrecken, mit Absatz-Tags versehen werden.
Nachdem Sie einen Textblock zum Ausrichten eingerichtet haben, müssen Sie nur den Stil mit der CSS-Eigenschaft text-align style ausrichten.
Text ausrichten: begründen;
Sie müssen diese CSS-Regel auf einen geeigneten Selektor anwenden, damit der Textblock wie beabsichtigt gerendert wird.
Wann ist der Text zu rechtfertigen?
Viele Menschen mögen das Aussehen von gerechtfertigtem Text unter dem Gesichtspunkt des Designs, hauptsächlich, weil dadurch ein sehr konsistentes, gemessenes Erscheinungsbild erzeugt wird. Es gibt jedoch Nachteile, den Text auf einer Webseite vollständig zu begründen.
Erstens kann begründeter Text schwer lesbar sein. Dies liegt daran, dass beim Ausrichten von Text zwischen einigen Wörtern in der Zeile manchmal viel zusätzlicher Abstand eingefügt werden kann. Diese inkonsistenten Lücken können das Lesen des Textes erschweren. Dies ist besonders wichtig auf Webseiten, die aufgrund von Beleuchtung, Auflösung oder anderer Hardwarequalität bereits schwer lesbar sein können. Wenn Sie dem Text ungewöhnliche Leerzeichen hinzufügen, kann sich die Situation noch verschlimmern.
Neben Lesbarkeitsproblemen reihen sich die Leerzeichen manchmal zusammen, um "weiße" Flüsse in der Mitte des Textes zu erzeugen. Diese großen Lücken können zu einer unangenehmen Anzeige führen. Bei extrem kurzen Zeilen kann die Ausrichtung außerdem Zeilen verursachen, die ein Wort mit zusätzlichen Leerzeichen zwischen den Buchstaben enthalten.
Wann sollten Sie eine Textausrichtung verwenden? Die beste Zeit zum Ausrichten von Text ist der Fall, wenn die Zeilen lang sind und die Schriftgröße klein ist (was bei responsiven Websites, deren Zeilenlänge sich je nach Bildschirmgröße ändert, schwer zu gewährleisten ist). Es gibt keine feste und schnelle Zahl für die Länge der Zeile oder die Größe des Textes, Sie müssen Ihr bestes Urteilsvermögen verwenden.
Nachdem Sie den Textausrichtungsstil angewendet haben, um den Text auszurichten, testen Sie ihn, um sicherzustellen, dass der Text keine Flüsse mit Leerzeichen enthält - und stellen Sie sicher, dass er in verschiedenen Größen getestet wird. Der einfachste Weg, dies zu tun, ist, es mit zusammengekniffenen Augen zu betrachten. Die Flüsse fallen als weiße Flecken in einem ansonsten grauen Textblock auf. Wenn Sie Flüsse sehen, sollten Sie Änderungen an der Textgröße oder der Breite des Textblocks vornehmen, um diese unschönen Flüsse zu beseitigen.
Verwenden Sie die Ausrichtung nur, nachdem Sie sie mit linksbündigem Text verglichen haben, wie in diesem Artikel dargestellt. Sie machen zwar die Konsistenz einer vollständigen Ausrichtung, aber der linksbündige Standardtext ist normalerweise lesbarer. Am Ende sollten Sie den Text rechtfertigen, da Sie den Text zu Designzwecken begründen und bestätigt haben, dass Ihre Website weiterhin gut lesbar ist.
