Neue Implementierung für Design-Möglichkeiten

Firefox 71: Neue Funktion für mehrspaltige Layouts verfügbar
Keine Kommentare

Firefox 71 integriert ein neues Feature für das Multiple-Column-Layout. Mit column-span können einzelne Elemente über mehrere Zeilen hinweg verteilt werden.

Mit Firefox 71 ist es nun dank der Implementierung des column-span-Properties möglich, Elemente wie z. B. Überschriften über mehrere Spalten hinweg zu übernehmen. Die Funktion ist Teil des Multiple-Columns-Layouts, einer auf CSS-basierenden Layout-Methode, welche Text in einzelne Blöcke und Spalten unterteilt. Ein Design, das auch aus dem Druckwesen, etwa Zeitungen, bekannt ist und gänzlich neue Darstellungsmittel zur Verfügung stellt. Das bei Firefox 71 nun hinzugefügte Feature erweitert die Gestaltungsmöglichkeiten im Vergleich zu FlexBox sowie Grid-Layouts und kann für eine übersichtliche Gestaltung eingesetzt werden. Ein Beispiel findet sich auf dem offiziellen Mozilla-Blog:

Firefox multicol

Quelle: https://hacks.mozilla.org/2019/11/multiple-column-layout-and-column-span-in-firefox-71/

Das Property column-span kann entweder alle Spalten miteinbeziehen, oder keine. Dank guter Kompatibilität soll es laut Rachel Andrew, Mitglied der CSS Working Group, zu keinen Darstellungsproblemen bei anderen Browsern kommen.

Mit dem Feature column-fill ist es darüber hinaus möglich, Multiple-Column-Layout-Container anzuweisen, mehrzeilige Spalten der Reihe nach mit Inhalt zu füllen. Dies kann dazu führen, dass teilweise leere Spalten entstehen, wenn nicht ausreichend Inhalt verfügbar ist. Dieses Problem ist derzeit noch in Bearbeitung. Mit der Standardeinstellung wird das mehrspaltige Layout automatisch mit möglichst gleichen Mengen an Inhalten befüllt. Firefox 71 erscheint laut der Mozilla Roadmap am 03.12.2019 und ist derzeit in der Developer- sowie Beta-Version verfügbar.

Alle Informationen zu der neuen Funktion bei Firefox 71 sind auf der Webseite von Mozilla zu finden.

Unsere Redaktion empfiehlt:

Relevante Beiträge

Hinterlasse einen Kommentar

Hinterlasse den ersten Kommentar!

avatar
400
  Subscribe  
Benachrichtige mich zu:
X
- Gib Deinen Standort ein -
- or -