Menü +

Blog durchsuchen

Text mehrspaltig anordnen

Auf großen Screens kann es passieren, dass die Zeilen zu lang werden. Wenn man den Kopf bewegen muss, um eine Zeile zu Ende zu lesen, ist das äußerst schlecht für die Usability. Abhilfe bietet das Multicolumn-Modul von CSS3: Hier können Sie festlegen, dass der Textinhalt auf mehrere Spalten aufgeteilt werden soll.


 

Im obigen Beispiel wurd als Spaltenbreite 20em festgelegt. Wie viele Spalten dann angezeigt werden, hängt vom verfügbaren Platz ab.

Der Code dafür:

div style="
-moz-column-width: 20em;
-webkit-column-width: 20em;
column-width: 20em;"

Quelle: http://www.akademie.de/wissen/grosse-bildschirme

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.