Hosting Solutions
mobile_logo Table of Contents

Flexible Box Layout Module

The Flexible Box Layout model is made for producing layouts and user interfaces in which the flex items inside of a flex container can be arranged in any direction and can flex their sizes. Some of the flexbox properties are animatable which renders a cool effect when flex items flex their sizes.

The Flexbox family of properties are:

flex-direction flex-wrap flex-flow order flex flex-grow flex-shrink flex-basis justify-content align-items align-self align-content

Official Documentation



Animations ModuleBackgrounds and Borders ModuleBasic Box ModelBasic User Interface ModuleBox Alignment ModuleCascading and Inheritance ModuleCompositing and BlendingConditional Rules ModuleDevice Adaptation ModuleFlexible Box Layout ModuleFonts ModuleFragmentation ModuleGenerated and Replaced ContentGenerated Content for Paged MediaGrid Layout ModuleImage Values and Replaced Content ModuleLine Grid ModuleLine ModuleLists and Counters ModuleMasking ModuleOverflow ModulePositioned Layout ModuleRegions ModuleShapes ModuleSpeech ModuleSyntax ModuleText Decoration ModuleText ModuleTransforms ModuleTransitions ModuleWriting Modes