.box
{
width:100px;
height:100px;
box-sizing: border-box;
padding:5px;
}
我想在里面 弄个
这个图片 1000 * 1000 的,怎么让她自动正好填充满上面的 box ?
有这个功能吗?
还是得我手动,或者用php 把这个图片调成 90*90 然后放上?
1.给图片定高定宽:img{width:100px;height:100px;}
2.给图片设置百分比:img{width:100%;height:100%}
3.可以将其设为背景图,代码如下:
.box{
width: 100px;
height: 100px;
background: url(http://imgsrc.baidu.com/forum/pic/item/7c1ed21b0ef41bd55bb1024f51da81cb38db3daf.jpg) no-repeat center center/cover;}
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。