第 12 章灵活的框布局 Flexible Box Layout

12.1 Flexbox Fundamentals

A Simple Example

12.2 Flex Containers

The flex-direction Property

Other Writing Directions

Wrapping Flex Lines

Defining Flexible Flows

flex-wrap Continued

12.3 Arranging Flex Items

12.4 Flex Container

12.5 Justifying Content

justify-content Examples

12.6 Aligning Items

Start, End, and Center Alignment

Baseline Alignment

Additional Notes

12.7 The align-self Property

12.8 Aligning Content

12.9 Flex Items

What Are Flex Items?

Flex Item Features

Minimum Widths

12.10 Flex-Item–Specific Properties

12.11 The flex Property

12.12 The flex-grow Property

Growth Factors and the flex Property

12.13 The flex-shrink Property

Proportional Shrinkage Based on Width and Shrink Factor

Differing Bases

Responsive Flexing

12.14 The flex-basis Property

The content Keyword

Automatic Flex Basis

Default Values

Length Units

Zero Basis

12.15 The flex Shorthand

Common Flex Values

12.16 The order property

Tabbed Navigation Revisited