Was ist der Unterschied zwischen Anzeige: Inline-Flex und Anzeige: Flex?

Question

Dec 11, 2014, 09:12 AM

Was ist der Unterschied zwischen Anzeige: Inline-Flex und Anzeige: Flex?

Ich versuche, Elemente in einem ID-Wrapper vertikal auszurichten. Ich gab die Eigenschaftdisplay:inline-flex; zu dieser ID, da der ID-Wrapper der Flex-Container ist.

Aber es gibt keinen Unterschied in der Darstellung. Ich habe erwartet, dass alles in der Wrapper-ID angezeigt wirdinline. Warum ist es nicht?

#wrapper {
    display: inline-flex;
    /*no difference to display:flex; */
}

<body>
    <div id="wrapper">
        <header>header</header>
        <nav>nav</nav>
        <aside>aside</aside>
        <main>main</main>
        <footer>footer</footer>
    </div>
</body>

JSFiddle Example