Text im Blocksatz darstellen

(Auszug aus "CSS Kochbuch" von Christopher Schmitt)

Problem

Sie wollen Text im Blocksatz, also gleichzeitig recht- und linksbündig darstellen, wie in der folgenden Abbildung gezeigt.

Absatz wird im Blocksatz dargestellt

Abbildung: Der Absatz wird im Blocksatz dargestellt.

Lösung

Verwenden Sie die Eigenschaft text-align mit dem Wert justify:

P {
 width: 600px;
 text-align: justify;
}

Diskussion

Wie gut funktioniert die webbasierte Darstellung im Blocksatz? Gemäß der Spezifikation für CSS 2.1 hängt dies davon ab, welche Algorithmen die Browser-Entwickler verwenden. Da es hier keinen Standard gibt, unterscheidet sich die Blocksatz-Darstellung von Browser zu Browser, auch wenn der Blocksatz prinzipiell unterstützt wird. Folgende Browser bieten gute Unterstützung für text-align: justify;: Internet Explorer 4+ für Windows, Internet Explorer 5 für Macintosh, Mozilla Firefox 1.5+, Safari und Opera 3+. In diesen Browsern ist der Blocksatz gut zu lesen, in anderen Browsern sieht Text im Blocksatz vermutlich nicht so gut aus, weil durch die Darstellung zwischen den einzelnen Wörtern sehr viel Leerraum entstehen kann.

Siehe auch

Die CSS 2.1-Spezifikation zur Eigenschaft text-align.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln