INTRODUCING THE FLEXIBLE BOX MODEL

The Flexible Box Model is a module of the draft CSS3 specification, and by extension, HTML5. It enables you to organize web page data into multiple rows or columns as a new display: box object.

Because this is still a draft feature, its specifications could still change. This is why not all browsers support this feature, and those that do require a special prefix to all flexible box properties. As of August 2011, only WebKit browsers such as Safari, Chrome, and Firefox support the Flexible Box Model working draft specification dated July 23, 2009.

Purpose

The Flexible Box Model makes it easier to construct one-dimensional data — one row with multiple columns or one column with multiple rows — than HTML tables, ...

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.