Flexbox容器中子元素的显示模式是什么？

Question

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

是inline-block吗？或者它与通常的显示模式没有任何关系？

  .flexbox {
      display: flex;
    }

    span {
        width: 200px;
    }

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

例如，子span受[{1}}影响，因此不再是width。

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

Answer 1

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