Search results
Results from the WOW.Com Content Network
Definition and Usage. The justify-content property aligns the flexible container's items when the items do not use all available space on the main-axis (horizontally). Tip: Use the align-items property to align the items vertically. Note: The justify-content property can also be used on a grid container to align grid items in the inline direction.
The CSS justify-content property defines how the browser distributes space between and around content items along the main axis of a flex container and the inline axis of grid and multicol containers.
The justify-content property accepts five different values: flex-start (default): items are packed toward the start line. flex-end: items are packed toward to end line. center: items are centered along the line.
In this guide, we will take a thorough look at how the alignment and justification properties work in flexbox. Flexbox provides several properties to control alignment and spacing, with align-items and justify-content being fundamental for centering elements.
The justify-content property aligns the items when the items do not use all available space horizontally. It controls the alignment of items overflowing the line. This property is a sub-property of the Flexible Box Layout module. The justify-content property is one of the CSS3 properties.