javascript - css 怎么做个盒子100*100的box,里面装个1000*1000的图片?
本文介绍了javascript - css 怎么做个盒子100*100的box,里面装个1000*1000的图片?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
.box
{
width:100px;
height:100px;
box-sizing: border-box;
padding:5px;
}
我想在里面 弄个 <img src="pic.jpg">
这个图片 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;}
这篇关于javascript - css 怎么做个盒子100*100的box,里面装个1000*1000的图片?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文