locked
using flexbox to show horizontal flowing elements

    Question

  • I am using a flexbox to display multiple images but instead of going along with the flow horizontally they are geeting wrapped to next line

    <div id="flex">

    <div>

    images are getting added to it dynamically

    #flex{

    -ms-flex-flow : row nowrap;

    }

    Sunday, February 16, 2014 2:00 AM

Answers

  • Hi mayanklohani,

    Try with following code, works fine with me:

            #flexContainer {
                display: flex;
                -ms-flex-flow: row nowrap;   
            }

    I do not have images for test, I use some div box instead, but I believe they should be same.

    If I do not add display:flex, the result as below:

    After the display: flex has been applied, the result:

    --James


    <THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
    Thanks
    MSDN Community Support

    Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.



    Monday, February 17, 2014 6:23 AM
    Moderator