locked
How to achieve multi column layout with inline images

    Question

  • I am trying to achieve multi-column layout with inline images.
    As shown in the image below:

    multi column layout

    I have to use this in a windows 8 app JavaScript/HTML based app.
    I tried to use following CSS but it doesn't lay out images as expected.

    column-fill: auto;
    column-gap: 30px;
    column-width: 270px;
    
    Any idea how can I do this?
    Sunday, September 16, 2012 6:12 AM

Answers

  • CSS Regions can be used to achieve this.

    http://dev.w3.org/csswg/css3-regions/

    Friday, November 30, 2012 6:54 AM

All replies