November 2011
Intermediate to advanced
384 pages
13h 23m
English
You can create a multi-column layout rather easily in CSS3. Simply configuring the column-count property, and its Mozilla and WebKit equivalents, in an HMTL element block will cause any content to automatically format itself into narrow vertical columns in your web browser, just like text columns in a newspaper:
selector {
column-count: number;
-moz-column-count: number;
-webkit-column-count: number;
}
Individual children have no control over the height of the multi-column layout. Instead, the layout height is extended only by the total height of the children divided by the number of columns.
Anything can be displayed as content within a multi-column layout. This includes Flexible Box Models, tables, or even another ...
Read now
Unlock full access