CSS Flexible Box Layout

From RuntimeWiki

Jump to: navigation, search

The CSS3 Flexible Box Layout Model adds some of the key user interface layout features found in XUL, particularly the functional equivalents of:

  • hbox: a box whose children are laid out horizontally (left-to-right or right-to-left)
  • vbox: a box whose children are laid out vertically (top-to-bottom usually)
  • flex layout: different children can be identified to expand/contract as the parent container grows/shrinks

The spec is at:

A good write-up is at:

The hbox and vbox features are already in WebKit and Mozilla. (Anyone know about flex?) Apparently not yet in Opera. Not in IE8.

Comments

Jon Ferraiolo: thumbs up

This is a key feature for Ajax/HTML user interface layouts.

Personal tools