Simply we can say that justify contet set items horizontal.
but with it has also few property.
.flxbox{
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right;
}
Flex-star (default) :
Item are set on star (left side of page). If we use row-revers
but we want that item should be start from left side. so we use justify-content: flex-start
.
flex-end:
Item are set on end (right side of page)
justify-content: flex-end;
flex-center:
This property set out item on center of the page
justify-content: center;
space-between:
Items are evenly distributed in the line; first item is on the start line, last item on the end line.
justify-content: space-between;
space-around:
To create evenly space around items
justify-content: space-around;
space-evenly:
Items are distributed so that the spacing between any two items (and the space to the edges) is equal.
Top comments (0)