fantasai wrote:

If line box contains element with flexes then free space will be allocated to that element(s). Thus it will be no free space left for text-align:justify distribution and so justification can be omitted in this case.

flex computation happens as a last step of layout process. Line box that contains <img style="height:1*"> will be computed as if no height:1* defined for the img (as if height:<undefined>). On the final step that image will get height:1* computed to the value equal to height of the line-box minus vertical paddings, borders and margins of the image.

Correct. margin:1* collapse in the same way as margin:1em;

For flow:vertical (standard DIV layout) vertical margins are getting collapsed. For flow:horizontal - horizontal margins are collapsed.

I've implemented flex units already and did not find any conflicts with existing CSS mechanisms. The only problem as I said earlier is interaction with floats - flex computation happens after layout of floats. For inline elements with flexes that is no problem. But for the case: <p style="margin:* 0">Here is float image <img align="right"/></p> we will get bad results.

The only solution I can see is to declare blocks with flexes or in flex contexts as layout roots so floats will be layouted inside their content boxes (as in table cells currently).

---

In principle flex length units make obsolete following proposed features of CSS3: 1) calc() thing is not needed as in most cases it can be replaced by just 1* value. With min/max-width adjustment if needed. 2) box-sizing will be also not needed.

These two things are doubtful in any case so if it would be better if we will forget about them completely.

http://terrainformatica.com