保证金/间距来自哪里？

Question

我在this test中有2个内联灵活容器。我特别指的是 然后 The flex containers are laid out inline.

的测试

容器之间有一点空间，但是当我查看边缘框中的chrome开发工具时，我看不到任何一个容器上都有边缘，所以我只是很好奇空间来自？

这是测试的图片，只是为了确保它清晰：

Answer 1

好像inline-flex似乎与inline-block类似，因为它考虑了容器之间HTML标记中的空格。所以juste删除了u-flex-inline：

之间的空格

<div class="Test_render">
  <div class="u-flex-inline
              u-background-color-orange
              u-padding-1rem
              u-border-right-style-solid
              u-border-right-width-2px">
              First container</div><!--
  --><div class="u-flex-inline
              u-background-color-orange
              u-padding-1rem">
              Second container</div>
          </div>