Flex Spacer Element
The Flex Spacer element allows you to add automatic horizontal/vertical spacing between elements for Flex column.
- Between the items to push them away
In this article
Displaying a Flex Spacer Element
To add a Flex Spacer element to a page:
Spacer vs Flex Spacer
You may notice there is a basic element Spacer you can use.
The difference between them is basic Spacer adds some space only below the elements.
But if you use Flex column and want to push one element to the left and another to the right, the best choice is to use Flex Spacer as it adds horizontal/vertical space between the items to push them to different sides of the column.
Flex Spacer is mostly used for headers when you want to put the logo on the left and navigation on the right.
The Flex Display Layout makes it easier to design flexible responsive layout structure without using float or positioning. The flex property sets the flexible length on flexible items.
It gives you the modern style of laying out content.
And Flex Spacer element will help you to position the items in Flex column properly.
To find out more about the Flex display, please check out this article.