O'Reilly logo

Mastering PhoneGap Mobile Application Development by Kerri Shotts

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Using flex-box layout

Complex layout in CSS has often been a source of frustration. Sometimes, it is possible to use the display: table-* variants to get the desired effect; but these are far from ideal for nontabular data.

The Flexbox layout module provides us with mechanisms to control the layout of our elements, even when the dimensions of the parent element or viewport may not be known. This makes it ideal for responsive mobile applications. Flexbox enjoys reasonably good support in modern browsers (see http://caniuse.com/#feat=flexbox). Unfortunately, the specification has gone through several iterations, and older browsers implemented the specification at those stages. Anything lower than iOS 6.1 and Android 4.4 uses an older version of the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required