В чем разница между дисплеем: inline-flex и display: flex?
Я пытаюсь вертикально выровнять элементы в оболочке идентификатора. Я передал имуществоdisplay:inline-flex;
к этому идентификатору, поскольку идентификатор оболочки является контейнером Flex.
Но нет разницы в представлении. Я ожидал, что все в ID оболочки будет отображатьсяinline
, Почему не так?
#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>