Project:Sandbox

= DynamicPageList =

 category            = Pages recently transferred from Meta count               = 5 order               = ascending addfirstcategorydate = true shownamespace       = false 

 count               = 20 namespace           = file addfirstcategorydate = ymd imagewidth          = 70 galleryshowfilesize = yes galleryshowfilename = yes imagesperrow        = 7 gallerycaption      = Galleries! ordermethod         = sortkey order               = ascending mode                = gallery offset              = 0 shownamespace       = false 

= Mehrspaltige Layouts und Inhalte =

Seit HTML5 eine Reihe von style properties entwickelt, die Mehrspaltigkeit von Layoutbereichen oder auch einzelnen Inhalte-Blöcken ermöglichen. Sie lösen die längst in die Jahre gekommenen floating- oder Tabellen-Layouts ab.

Mehrspaltige Inhalte -
Mit den CSS-Eigenschaften  und   kann z. B. der Textfluss von Absätzen als mehrspaltig definiert werden. Es müssen dazu keine weiteren Elemente definiert werden, in denen der Text manuell verteilt wird.

Flexible Mehrspaltigkeit mit
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Zweispaltiger Artikel mit
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Flexbox-Layout mit waagerechter Anordnung
 primus ipsum dolor secundus ipsum dolor terzium ipsum dolor quartium ipsum dolor 

Flexbox-Layout mit senkrechter Anordnung
<ol style="display:flex; flex-direction: column; margin: 0;"> primus ipsum dolor</li> secundus ipsum dolor</li> terzium ipsum dolor</li> quartium ipsum dolor</li> </ol>