Search code examples
angular-flex-layout

How to use space-evenly in Flex-Layout


How can I use space-evenly in Flex-Layout in the fxLayoutAlign directive? From this sample, I don't see that option. I've tried reviewing the api documentation for fxLayoutAlign but there's some problem with that.

<div fxLayout='row' fxLayoutAlign='space-evenly center'>
<div>Content 1</div>
<div>Content 2</div>
</div>

Solution

  • You can just apply style directly if there is not in the framework yet

            <div fxLayout="row" style="justify-content:space-evenly">
                <div>Content 1</div>
                <div>Content 2</div>
            </div>