<div><img/></div>，使用css设置，img图片始终填满div，并且图片不变形

为了确保 `<img>` 图片始终填满包含它的 `<div>` 容器，并且保持原始比例不变形，你可以使用 CSS 的一些技巧。下面是一种常见的方法：

<div class="image-container">
  <img src="your-image-url" alt="Your Image Description"> <!-- 替换为实际图片路径 -->
</div>

<style>
.image-container {
  position: relative; /* 确保定位 */
  display: inline-block; /* 让 div 水平排列并计算宽度 */
  overflow: hidden; /* 隐藏溢出部分 */
}

/* 使用 max-width: 100% 和 height: auto 使图片按比例缩放 */
.image-container img {
  position: absolute; /* 使图片相对于 container 对齐 */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 中心对齐 */
  max-width: 100%; /* 图片宽度最大等于容器宽度 */
  height: auto; /* 自动根据宽度保持原始比例 */
}
</style>

这段代码设置了 `.image-container` 作为浮动元素，然后使用 `max-width: 100%` 和 `height: auto` 让图片按需缩放，而不会变形。通过绝对定位和 `transform: translate(-50%, -50%)`，图片会在容器中心位置显示。