Re: [csswg-drafts] [css-grid][css-flexbox] Pinterest/Masonry style layout support

Not sure if I'm missing something, but it seems the Flexbox spec already allows this kind of layout, and it works perfectly on Firefox. Does not work on other browser yet because they don't support forced line breaks in flexbox.

The steps are simple:
1. Place the elements in a multiline column flex container.
2. Reorder the elements, so that the DOM order is respected horizontally instead of vertically.
3. Force a column break before the first item of each column.

See the details in https://stackoverflow.com/a/35097136/1529630

-- 
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/945#issuecomment-321408900 using your GitHub account

Received on Wednesday, 9 August 2017 23:28:57 UTC