如何去除图片下面的空白区域(可能是由于缩放造成的)？

<img src="your_image_path.jpg" style="display: block; vertical-align: top;">

<style>
  .image-container {
    display: inline-block;
    line-height: 0;
  }
</style>

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

<style>
  .image-container {
    line-height: 0;
  }
</style>

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

<div id="image-container">
  <img id="image" src="your_image_path.jpg">
</div>

<script>
  window.onload = function() {
    var image = document.getElementById('image');
    var imageContainer = document.getElementById('image-container');
    image.onload = function() {
      imageContainer.style.height = image.height + 'px';
    };
  };
</script>