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

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.


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
  • Post a new comment


    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded