不使用css自动宽度缩放的图像

我已将以下代码放在我的页面中：

图像{
边距：02px0；
高度：100px；
宽度：自动！重要；
溢出：隐藏；
文本对齐：居中；
}

我想将所有图像缩放到最大高度100px，并让浏览器相应地调整它们的高度。但结果是，图像仅被裁剪到100px的高度，其余部分被隐藏

---

我应该怎么做才能达到缩放效果？非常感谢

对图像而不是图像使用img，以便在其中应用样式

img{your style here}

---

您可以通过以下方式达到预期效果：

img {
  max-height: 100px;
}

---

您不需要溢出、文本对齐或宽度属性。您可以保留边距属性，但上面的代码解决了您的问题。

尝试将

高度

更改为

最大高度

我已经尝试过了，但没有效果：（什么是图像？这是一个应用于

？的类还是其他什么。你能提供一些HTML吗？是的，它是一个类。事实上，它是Wordpress插件的一部分，在我的博客上显示Facebook action feed。下面是它在页面代码中的外观：

不幸的是，当我删除文本对齐时，图像会向左对齐，当我删除溢出时，图像位于文本下方。|仅删除宽度属性无效。您使用的HTML是什么？嗯…“图像”是我正在努力设计的Wordpress插件代码的一部分。恐怕这可能会很困难。请参见：jsfiddle.net/wvu8x在图像标记中添加类，或者您可以将图像标记与其父类（即parentclass img{your style}）作为目标，或者您可以使用：n子选择器。。