请问在CSS里这个图片“溢出”的情况,应该怎么给图片一个属性?

html-css024

请问在CSS里这个图片“溢出”的情况,应该怎么给图片一个属性?,第1张

在外层的div固定宽高,里面的img如果你要宽度铺满

如 <div style="width:150height:200pxoverfloat:hidden"><img style="width:100%"/></div>

如果想图片高度铺满 <img style="height:100%"/>但是这样图片就不能完整显示

如果你的图片都是一样的尺寸,div设置相同比例 , <img style="width:100%height:100%"/>

可以试着把图片的div中的width改一下,如果不行的话直接把文字居中不就好了,看起来就会美观了。另外建议你,以后别用像素写大小了,在不同的电脑上可能看到的就不一样了,最好用30%这样的,带%得写,这样不管在哪里看到的都一样了。

可以给背景图片加个尺寸限定:background-size: 100% 100%/* 背景图片同窗口完全自适应,但长宽可能会变形 */background-size: contain/* 背景图片同窗口完全自适应,并且不变形 */