项目之间有边距的弹性盒子问题>>

Question

my problem is space between pictures大家好，我来自俄罗斯，我的英语太糟糕了，对此表示抱歉。

我在附件照片上看到的边距有问题。我已经尝试过证明内容，这并没有帮助解决我的问题。

我不知道此边距从何处出现。有人请帮我thx

<style>
    .services1 {
        display: flex;
        width: 80vw;
        align-items: center;
        margin-left: 10vw;
        background-color: white;
        text-align: center;
    }

    .photo {
        width: 40vw;
    }

    .photo div {
        margin: 0;
    }

    .services_text_photo1 {
        width: 40vw;
        color: black;
        font-weight: 100;
        font-size: 16px;
    }

    h5 {
        font-size: 32px;
        font-weight: 600;
        margin: 0;
    }

    .services_text_width {
        width: 35vw;
        margin:0 2.5vw;
    }
</style>

<div class="services1">
    <div class="services_text_photo1 services_text_width">
      <h5>text</h5>
      <p>text</p>
    </div>
    <div class="photo">
      <img src="img/photo.jpg" alt="" width="100%">
    </div>
  </div>
  <div class="services1">
    <div class="photo">
      <img src="img/photo-3.jpg" alt="" width="100%">
    </div>
    <div class="services_text_photo1 services_text_width">
      <h5>text</h5>
      <p>text</p>
    </div>
</div>

我的问题是图片之间的空格大家好，我来自俄罗斯，我的英语太糟糕了，对此感到抱歉。您在附件照片上看到的边距有问题。我已经尝试过证明-...

Answer 1

因此，这不是特定于flexbox的问题，而是浏览器如何渲染图像的问题。