CSS Specifications Updated: Flexible Box Layout, Grid Layout
The Cascading Style Sheets (CSS) Working Group has published two Working Drafts:
- CSS Flexible Box Layout Module describes a CSS box model optimized for user interface design. In the flexbox layout model, the children of a flexbox can be laid out in any direction, and can "flex" their sizes, either growing to fill unused space or shrinking to avoid overflowing the parent. Both horizontal and vertical alignment of the children can be easily manipulated. Nesting of these boxes (horizontal inside vertical, or vertical inside horizontal) can be used to build layouts in two dimensions.
- CSS Grid Layout which allows designers to define invisible grids of horizontal and vertical lines. Elements from a document can then be anchored to points in the grid, which aligns them visually to each other, even if they are not next to each other in the source.
Learn more about the Style Activity.