css - 将div调整为图片大小

标签 css image html

通常,我曾经使用背景图像根据图像的宽度和高度属性将图像调整为 div。现在我遇到了完全相反的问题。

我想做的是根据图像调整 div 大小,但具有最大宽度和高度。比方说,如果图像是 200x200,则必须将 div 调整到此大小,但如果图像超过 300x300,则必须进行限制。

知道我该怎么做吗?

最佳答案

您可以将 max-widthmax-height 样式属性应用于图像元素。

根据您需要对包含元素执行的操作,这可能有效:

<div>
    <div style="position: absolute;">Element content here</div>
    <img src="image.png" style="max-width: 300px; max-height: 300px;" />
</div>

关于css - 将div调整为图片大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11143983/

相关文章:

java - 图像尺寸变小

r - 从 R 中的图像中提取前 2-3 个十六进制颜色

javascript - jQuery .animation() 函数运行两次并且不工作

CSS 列表导航 : Align All Items Left, 但最后一项正确

html - 避免内容和 :after 之间换行

html - 网页结构。巨大的差距。 HTML 或 CSS 问题?

javascript - Drupal 格式 Javascript 将包含在主题中

html - 导航和标志同一条线

java - 在actionPerformed中使用Ticks - 如何显示图像5秒

javascript - 将 <Script> 标记的执行推迟到 jQuery .load 完成之后