0251 / 590 837 15
info@a-coding-project.de

Multiple Columns Generator

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.

Multiple-Columns in CSS3

Webdesigner aufgepasst - CSS3 bietet viele Neuheiten

Das Multiple-Column-Layout in CSS 3 ermöglicht ein einfaches Konfigurieren von mehrspaltigen Textlayouts wie sie für gewöhnlich in Zeitungsartikeln üblich sind. Hierfür ist es mit CSS3 nicht mehr nötig, Texte anhand ihrer Zeichenlänge zu trennen um sie dann separiert darzustellen. Ein einfaches ansteuern des Column-Moduls von CSS3 genügt völlig.

Mithilfe von Attributen wie "column-count" zur Angabe der Spaltenanzahl sowie "column-width" zur Angabe der Spaltenbreite lassen sich schnell und gezielt Layouts entwickeln, die den Bedürfnissen der Leser gerecht werden. Zusätzlich dazu lassen sich Angaben wie beispielsweise "column-gap" zur Festlegung der Spaltenzwischenräume machen um so noch elegantere Layouts zu definieren. Damit bringt CSS3 eine weitere Neuerung, die sowohl Performance als auch Entwicklungstempo steigert.