61,112
社区成员
发帖
与我相关
我的任务
分享img 自动填满div ..............................................................新手求解
我有个div width: 74%;
div中有张图片，我想让这张图片填满div。这张图片不能用作背景图片。
图片的宽高等于div的宽高.我该怎么做？
div中有张图片，我想让这张图片填满div。这张图片不能用作背景图片。
图片的宽高等于div的宽高.我该怎么做？
...全文
请发表友善的回复…
发表回复
Compose_Life 2012-12-12
- 打赏
- 举报
我想到的只有background
学习，关注.
被偷的香蕉 2012-12-12
- 打赏
- 举报
100%不行吗.实在不行才会用JS
xiaowanzi80hou 2012-12-12
- 打赏
- 举报
将图片的宽高设成100%就可以了。下面是一个小示例，可以参考一下
<html>
<head>
</head>
<body>
<div style="width:500px; height:500px; background-color:#99CCFF;">
<img style="width:100%; height:100%;" src="2.jpg">
</div>
</body>
</html>
我自是年少-韶华倾负 2012-12-12
- 打赏
- 举报
举例 你这个 div 给了 一个 id 或者 class 是 bigimg。 那这个里面的 img定义 就是这样的。 bigimg img{width:100%;height:100%;}
hellenren12345 2012-12-12
- 打赏
- 举报
但是我div是74%
我要怎么知道div的宽是多少
rayyu1989 2012-12-12
- 打赏
- 举报
js获取img的parentNode的宽高 赋值给img
zh919919 2012-12-12
- 打赏
- 举报
style="background: url('images.gif') repeat-x;"
qingxukang 2012-12-12
- 打赏
- 举报
设计一个样式
<style type="text/css">
.csstype{
background-repeat:repeat;
background-image: url(你的图片路径);
}
将<div class = 'csstype'>试试
qingxukang 2012-12-12
- 打赏
- 举报
是拉伸还是平铺
lanselixiang 2012-12-12
- 打赏
- 举报
兼容性比较好的，应该用js
wxhweb 2012-12-12
- 打赏
- 举报
那你设置自动不行吗？
honey0503 2012-12-12
- 打赏
- 举报
<style type="text/css">
img.a{
border:0;
margin:0;
padding:0;
max-width:400px;
width:expression(this.width>400?"400px":this.width);
max-height:400px;
height:expression(this.height>400?"400px":this.height);
}
</style>
<body>
<img src="h.jpg" class="a"/>
</body>
这个只能让图片变小，但我目前还不知道怎么让图片变大…………求解中
hellenren12345 2012-12-12
- 打赏
- 举报
这里的100%只是相对于图片本身来说的吧，我是想img宽高=div的宽高。
换句话说就是 img大于div：img缩小；img小于div：img拉伸；
rayyu1989 2012-12-12
- 打赏
- 举报
高度100% 是不行的
