margin: auto w/ flex elements

[awendland]

As mentioned in PR #185, the current implementation does not allow for margin to be set to auto. It would be great to have this support to open the possibilities of much more complex flex based layouts which can handle variable screen sizes and child content sizes.

Is this portion of the spec on the roadmap for implementation? Or is it considered outside of desired compliance because it would add too much complexity to the code base?

[emilsjolander]

For now it has been considered outside of the scope we want to handle. However I'm open to convincing arguments for why it would be useful. We have yet to need to make use of it. Could you provide one or more concrete examples of where it would enable a layout which is hard / impossible within the current api?

[awendland]

Our use case no longer needs margin: auto. Thanks for the fast response!

[kkga]

Could you provide one or more concrete examples of where it would enable a layout which is hard / impossible within the current api?

margin: auto behavior for flex items is quite useful in various cases: basically it's the only way to manipulate placement of a flex item along the main flex axis.

Here's a very basic example: https://jsbin.com/jajamus/edit?html,css,output

More on this here: https://medium.com/@samserif/flexbox-s-best-kept-secret-bd3d892826b6#.wrp6m8bwx

[dopcn]

@emilsjolander Can you share with us how would you manipulate placement of a flex item along the main flex axis in yoga? It seems using margin: auto is pretty big deal when doing this.

Reference: http://stackoverflow.com/questions/32551291/in-css-flexbox-why-are-there-no-justify-items-and-justify-self-properties

[emilsjolander]

Could you provide some concrete examples of a layout you wish to implement?

…

On Tue, 3 Jan 2017 at 18:18, Weizhou ***@***.***> wrote: @emilsjolander <https://github.com/emilsjolander> Can you share with us how would you manipulate placement of a flex item along the main flex axis in yoga? It seems using margin: auto is pretty big deal when doing this. Reference: http://stackoverflow.com/questions/32551291/in-css-flexbox-why-are-there-no-justify-items-and-justify-self-properties — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#198 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABdIpEfLQ9VKZNwFTf4SB195z-dF_MZMks5rOoLZgaJpZM4I6PeV> .