html - 我可以缩放图像以超出它所绑定(bind)的框吗?

标签 html css

我正在尝试获取 <img>动态调整大小。有时我需要那个图像超出它所绑定(bind)的框,但它似乎停止并扭曲了。这能做到吗?

<div>
 <img src='smjpg.jpg' />
</div>

div{
  width: 20px;
}
img{
  width: 100px;
}

最佳答案

只需将 CSS 用于边界 div

#imgDiv {
    overflow:visible;
}

关于html - 我可以缩放图像以超出它所绑定(bind)的框吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14335367/

相关文章:

css - 在 chrome 中呈现的有线 CSS(但在 Safari 中不呈现)

javascript - 在 cookie 中保存下拉选择

html - 自定义单选 CSS 和多行文本换行

css - 在 iframe 上的 SVG 覆盖/网格线

html - 移动设备上真的很奇怪的白色间隙

html - 在 Bootstrap 4 导航栏中将 Logo 与按钮垂直对齐

java - 在 CSS 中设置 JavaFX Anchor Pane 的 anchor

javascript - div 删除/显示而不影响内容

javascript - 有两个html页面。当我从下一页返回到第一页时,我希望保存第一页的数据状态

javascript - window.open 的替代方法