Ширина изображения в гибком контейнере

Question

Изображение с такой же шириной и высотой не всегда отображается так, как ожидается, в гибком контейнере, по крайней мере, с 1 другим гибким элементом. Его ширина кажется меньше. Иногда он отрисовывается нормально, но часто - нет (см. Изображение).

Странно то, что, если я удаляю объявление высоты, ширина всегда работает хорошо.

Answer 1

У меня была такая же проблема в моем собственном коде. В этом случае я считаю, что одна из проблем связана с тем, что изображение не находится в собственном контейнере div, например:

<div class = "flex-container"> 
    <div class= "image"> 
        <img src = ""> 
    </div>
    <div class = "text">
        <p>
        </p> 
    </div> 
 </div>