Extra (Flexbox)
Introduction
The flexible box layout module makes it easier to design a flexible, responsive layout structure without using float or positioning.
To use CSS flexbox properties, set flex value to display property in extra section.
Flexbox Properties
| Property | Values | Description |
|---|---|---|
| Direction | horizontal, vertical | Specifies the direction of the flexible items. |
| justify-content | flex-start, flex-end, center, space-between, space-around | Aligns the flexible container’s items when the items do not use all available space on the main-axis (horizontally). |
| align-items | stretch, center, flex-start, flex-end, baseline | Specifies the default alignment for items inside the flexible container. |
| Children | no wrap, wrap | Specifies whether the flexible items should wrap or not. |
| Align (Child) | auto, stretch, center, flex-start, flex-end, baseline | Specifies the alignment for the selected item inside the flexible container. |
Was this article helpful?
YesNo