我试图垂直对齐ID包装器中的元素.我将属性display:inline-flex;赋予此ID,因为ID包装器是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>我最近一直想弄清楚什么时候使用inline-blocks 是合适的.它们似乎比一个block元素更有用.实际上,内联块元素似乎能够执行块元素可以执行的任何操作,但具有一些额外的样式.
元素与元素有display: inline-block; width: 100%;什么不同display: block;？(除了一个更长的事实？)
我一直在阅读w3c的建议,正在研究这个主题.我似乎无法找到差异.
我注意到人们在1:1的比较中涵盖了一些显示属性的细节,但是有很多未说明差异的内容.可能有人解释各种inline-之间的差异的东西显示标签？
对w3schools这样的地方进行更详细的定义会产生奇迹.