column-count css3

10  

Siden er opdateret 22. 7. 2013

Med column-count kan man lave kolonner let og ligetil - ikke noget med at skulle beregne, hvor teksten skal klippes og indsættes i en ny blok, det sker helt automatisk. Desværre virker det pt. (juli 2013) kun i Opera og i Internet Explorer 10 med valid css. Firefox, Chrome og Safari kan bringes med ved at anvende et hack, som desværre ikke er valid css-kode.

#demo {
column-count:3;
}

vil se sådan ud :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel diam dui, a eleifend nisi. Curabitur bibendum mi quis diam molestie vehicula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi varius malesuada pulvinar. Nulla hendrerit placerat consectetur. Vestibulum consequat metus ut tortor ornare viverra. Ut et mauris mi. In hac habitasse platea dictumst. Proin viverra pellentesque odio et laoreet. Nulla dignissim nulla sit amet sem euismod congue. Suspendisse iaculis viverra diam, vitae luctus mauris tincidunt a. Fusce pulvinar, erat non fringilla pharetra, mi tortor suscipit nunc, id rutrum erat justo a massa.
Valid XHTML og CSS / Copyright © Erik Ginnerskov januar 2012
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - column-count
sidens top
Brugere lige nu: 1
Home Mail