W3C home > Mailing lists > Public > public-css-archive@w3.org > June 2018

Re: [csswg-drafts] [css-flexbox] Proposal 8.2. Axis Alignment: the justify-content property, aulixary wrap components

From: Wesley Walter Anton Oliver via GitHub <sysbot+gh@w3.org>
Date: Thu, 14 Jun 2018 06:36:19 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-397187220-1528958178-sysbot+gh@w3.org>
Hi,

Here is an example of using google excel, their are two sheets, for obvious reasons...
You need to look at this as if you were doing geometry, the layout is per the blocks define in the example. So just like you exploded or compress sections for demonstration, the same thing is done here. Require to interpret this as per the excel cell, which would be seen pixels but 100 times bigger.

Obviously the algorithm for placement would potentially have to compute the remaining number of items that need to populate the first or last rows, so that it would know how to correctly balance, the remaining items between the top and the bottom, according and adjust their layout.

I have only covered the main direction so far and have yet to cover the cross dimension of alignment,
will look at add more examples to the document..
[Example of a few different layouts](https://docs.google.com/spreadsheets/d/1KVABox7FVKxJRmRd-bLkeuGEIm0J_G_fAFo2ZnySGvk/edit?usp=sharing)


-- 
GitHub Notification of comment by wesleyolis
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1124#issuecomment-397187220 using your GitHub account
Received on Thursday, 14 June 2018 06:36:21 UTC

This archive was generated by hypermail 2.3.1 : Thursday, 14 June 2018 06:36:23 UTC