CREATE A MULTI-COLUMN LAYOUT
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 ...
Get HTML5: Your visual blueprint™ for designing rich web pages and applications now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
