The Bride of the First House (bride) wrote,
The Bride of the First House
bride

CSS3 - Multicolumn Layout

weather: drizzling
outside: 9°C
mood: waaaah...
Multicolumn Layout — CSS3


You go:

.my3cols {
   width: 100%;
   column-count: 3;
   column-gap: 10px;
   column-rule: none;
}

Then <div class="my3cols"> [Lorem Ipsum] </div>

All the Lorem Ipsum will be auto-flowed into columnar output, like this:

----- ----- -----
----- ----- -----
----- ----- -----
----- ----- -----
----- ----- -----
----- ----- -----
----- ----- -----

However, the CSS WG Status Table says:

Multi-column layout in CSS proposes new properties to create flexible column
layouts. It may eventually be integrated into some module, or it may not.

Translation:

It's still in the second working draft. Given the reality of how long it's taken to get
even CSS1 part of the browsers, support for multi-column layout is a long way out.

          — Craig Saila

* C R Y * C R Y * C R Y *

Tags: nerdy
Subscribe

  • Blast from the Past!

    weather : sunny outside : 17°C mood : ... Heh, it'll be interesting to see who reads this journal anymore =) The…

  • What is The Going On?

    weather : cloudy outside : 7°C mood : ecstatic Subject: Popsicles in the Freezer. Help yourself. Dear People In…

  • Baby Brother

    weather : cloudy outside : 7°C mood : ecstatic My baby brother just accepted a job offer from Research In Motion…

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 15 comments

  • Blast from the Past!

    weather : sunny outside : 17°C mood : ... Heh, it'll be interesting to see who reads this journal anymore =) The…

  • What is The Going On?

    weather : cloudy outside : 7°C mood : ecstatic Subject: Popsicles in the Freezer. Help yourself. Dear People In…

  • Baby Brother

    weather : cloudy outside : 7°C mood : ecstatic My baby brother just accepted a job offer from Research In Motion…