jquery - 在容器内调整图像大小?

标签 jquery css

使用 jquery 函数调整图像大小

$('div.container').resizable({ aspectRatio:true})

我把图片放在一个 div 中,像这样:

.container { width:350px; height:auto; background-color:black}
.container img { width:100%; height:auto}

<div class=container>
    <img .../>
</div>

但是正如你在这里看到的那样http://jsfiddle.net/Gz4ts/ 底部总是有一个小边框。

我该如何解决这个问题?

最佳答案

但正如您在这里看到的那样 http://jsfiddle.net/Gz4ts/底部总是有一个小边框。我该如何解决这个问题?

只需添加:

display: block;

<img> ,因为它们被替换了 inline elements默认

http://jsfiddle.net/Gz4ts/1/

关于jquery - 在容器内调整图像大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16174853/

相关文章:

javascript - 使用单击事件超链接表行

javascript - 使用 "slide"效果显示/隐藏 &lt;input&gt;

php - 我如何在购物车图标后面显示购物车中的总元素

javascript - 如何使用属性 contenteditable 设置 div 的最大值长度

javascript - jquery ajax POST 中出现 400(错误请求)错误

javascript - 下划线JS,查找包含数组中值的对象

javascript - 字符串转 jQuery 函数

javascript - 将 JSON 结果添加到 HTML

html - 水平居中图像

javascript - Less.js 主动缓存导入的 LESS 文件