flexbox容器内子元素的显示方式是什么？

Question

我想知道 flexbox 容器内的子元素的 display 模式是什么。

是inline-block吗？还是和常用的显示模式无关？

  .flexbox {
      display: flex;
    }

    span {
        width: 200px;
    }

 <div class="flexbox">
      <span>child</span>
    </div>

例如，孩子span受到width的影响，所以它不再是inline了。

根据 Chrome 检查员的说法，当我看到一个受 width 影响的 span 并且它没有任何 display 集时，我想到了这一点。然后我意识到它在一个 flexbox 容器中。但是，检查员不应该告诉我显示器被改变了吗？ （改为what？，这就是问题所在）。

Answer 1

它不像inline-block，因为您不能将它与text-align 对齐。由于它的 parent 获得了display:flex 的属性，我建议我们可以将其称为“flex item”。我同意 Inspector 中应该有一些迹象表明这是一个弹性项目，但目前 - 没有。