CSS3: skirstome turinį į stulpelius

TutPlus bloge pastebėjau daug kam primirštą, retai naudojamą CSS3 galimybę - teksto skaidymą į stulpelius. Vienintelis šio būdo trūkumas - IE nepalaikymas, tačiau juk nieko blogo nenutiks, jeigu IE vartotojai matys 1 ilgesnį stulpelį, o ne 3 gražius.

CSS:

#container p {
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;

    -moz-column-count: 3;
    -moz-column-gap: 10px;

    column-count: 3;
    column-gap: 10px;
}

• column-count: Norimas stulpelių skaičius.
• column-gap: Tarpai (padding) tarp stulpelių.
• column-rule: Stulpelių skirtukas, galima naudoti borderiui nustatyti.
• column-width: Norimas stulpelių plotis.

Angliška pamokėlė šia tema:

Kas norite, galite paskaityti originalų NetTuts įrašą.