Pro CSS3 Layout Techniques

© 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 ...