html图片显示中间部分两边压缩

要在HTML中将图片的中间部分压缩并显示，你可以使用CSS的`object-fit`属性和一些调整。下面是一个示例代码：

<style>
  .image-container {
    width: 300px; /* 设置容器宽度 */
    height: 200px; /* 设置容器高度 */
    overflow: hidden; /* 隐藏超出容器的部分 */
  }
  
  .image-container img {
    width: 100%; /* 图片宽度填满容器 */
    height: 100%; /* 图片高度填满容器 */
    object-fit: cover; /* 压缩图片并填充容器 */
    object-position: center; /* 图片居中显示 */
  }
</style>

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

你可以将上述代码中的`your-image.jpg`替换为你自己的图片路径。这段代码将创建一个具有固定宽度和高度的容器，并将图片居中显示，并压缩以填充容器。超出容器的部分将被隐藏。

希望这可以帮助到你！如果有任何其他问题，请随时提问。