O'Reilly logo

Pro CSS3 Layout Techniques by Sam Hampton-Smith

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

© Sam Hampton-Smith 2016

Sam Hampton-Smith, Pro CSS3 Layout Techniques, 10.1007/978-1-4302-6503-0_5

5. CSS Flexible Box Layout

Sam Hampton-Smith

(1)Elgin, Morayshire, UK

The CSS Flexible Box Layout module solves a positioning problem that web designers have been struggling with since the first days of CSS: evenly spacing elements along a horizontal or vertical axis, without the need to resort to complicated floating or script-based hacks. This chapter goes into the Flexible Box Layout module in much more detail and shows how it can revolutionize the way you design your web pages.

Note

This module is commonly referred to as Flexbox, so throughout this chapter I use the terms Flexible Box Layout and Flexbox interchangeably to refer to the module.

What ...

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