DIsplay: flex获取图像高度，但在添加文本时溢出

<div class="image-container">
  <img src="image.jpg" alt="Image">
</div>

.image-container {
  display: flex;
}

// JavaScript
window.addEventListener('load', function() {
  var image = document.querySelector('.image-container img');
  var container = document.querySelector('.image-container');
  container.style.height = image.offsetHeight + 'px';
});

// jQuery
$(window).on('load', function() {
  var image = $('.image-container img');
  var container = $('.image-container');
  container.height(image.height());
});

.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}