15

FLEXIBLE BOX LAYOUT

Image

That web pages look as good as they do is a minor miracle (comparatively speaking, of course!). Since the move away from tablebased layouts to pure CSS, developers have often had to create complex page structures using simple tools such as float, margin, and position—tools perhaps not even intended for that purpose when they were first created. As CSS has matured and browsers have grown more powerful, a new range of alternative layout approaches has been proposed.

The one most widely implemented is called Flexible Box Layout (or Flexbox). This approach is defined in the Flexible Box Layout Module (http://www.w3.org/TR/css-flexbox-1/ ...

Get The Book of CSS3, 2nd Edition 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.