CSS里用图片做的方框,但是方框内嵌入的图片下方溢出。

发布网友发布时间：2022-05-05 11:12

共4个回答

热心网友时间：2022-06-27 10:45

.info div.img{width:278px;height:200px;background:url(/templets/genpai/images/phui.gif) no-repeat; float:left;}

给.img加overflow:hidden;

.info div.img{width:278px;height:200px;background:url(/templets/genpai/images/phui.gif) no-repeat; float:left;overflow:hidden;}

这样当图片超出指定大小时，会隐藏起来。不会破坏页面的布局效果。

也可以在<img src="xxx.jpg" />中添加onload事件，自动将超出高度的图片进行缩放。

这类代码网上有，百度搜索 img onload 缩放

热心网友时间：2022-06-27 10:45

类似这种情况，你要算好宽高值，根据外面盒子的宽高给里面的盒子定宽高，比如把你的.info div.img的高度减小

热心网友时间：2022-06-27 10:46

.info div.img img{ margin:8px auto 0px auto;display:block}

热心网友时间：2022-06-27 10:47

overflow：hidden