Html css中的图像定位

我如何定位我的图像标签，使其始终为div高度的100%，与从div中剪下的b成比例。 例如，如果我的图像是260x180，而我的div是50x90。我希望图像缩小到130x90的大小，并定位在div的中心

img{
   max-width: 100%;  
   height: 208px; 
   width: 100%; 
   display: block;
   object-fit: auto 100%;
}

我试过使用ObjectFit和类似的工具，但没有成功。我也不能把它作为背景图片。

将它添加到你的parant div中

.div{溢出：隐藏；文本对齐：居中；}

并从img上移除高度。

.形象{ 最大宽度：100%； 身高：100%； 宽度：50%； } .内容{ 文本对齐：居中； 溢出：隐藏； 高度：200px；/*div的高度*/ } 像这样

div{ 保证金：1em自动； 高度：90px； 宽度：50px； 边框：3倍纯红； //溢出：隐藏；/*切换此选项以隐藏边*/ 显示器：flex； 证明内容：中心； } img{ 身高：100%； 位置：相对位置； z指数：-1/*显示尺寸和中心*/ } 原始图像

---

为什么不能将其作为背景图像？可能的重复：因为图像来自数据库，您的div为50*90，您希望将图像缩小到130*90？当div小于image时，这怎么可能呢。它要么将图像缩小到50px的宽度，要么将隐藏图像的额外区域，要么将拉伸图像。@Temaniaff，问题是如何将其作为背景图像居中，我明确表示我不能这样做