Support basic flexbox layout

[GoogleCodeExporter]

What do you suggest?
The W3C is working on a CSS Flexible Box Layout Module spec.[1] This spec 
defines a new layout model based on flexible boxes. HTMLViewer should adopt 
that layout model and support at least its basic features and 
properties/values, which are:

display: flex
flex-grow
flex-shrink
flex-basis
flex
flex-direction

The attached test case is a modified version of the example on MDN[2].

What are the benefits?
Support for more layouting possibilities.

Which version of the product are you using? Which compiler version are you
using? On which operating system?
r455, Delphi XE, Windows 7

Sebastian

[1] http://dev.w3.org/csswg/css-flexbox/#flex-direction
[2] https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

Original issue reported on code.google.com by [email protected] on 18 Mar 2014 at 8:39

Attachments:

• flexbox.html

[GoogleCodeExporter]

The output of the example should look like the attached screenshot made in 
Firefox 27.0.1.

Sebastian

Original comment by [email protected] on 18 Mar 2014 at 8:41

Attachments:

• flexboxDisplay.png

[GoogleCodeExporter]

Original comment by OrphanCat on 22 Mar 2014 at 8:42

• Added labels: Type-Enhancement