CSS能设置div之后将div中img的超出尺寸不顶出去吗?

html-css012

CSS能设置div之后将div中img的超出尺寸不顶出去吗?,第1张

div 宽和高要设定。

image宽度设为100%就行了,高度会自动按比例缩放。

如果你想图片铺满div而无视图片长宽比例,那么把image高度也设为100%就行了。但是这样image会变形,不推荐(除非你确定图片长宽和div长宽同比例)。

<div class="imglist">

<img src="img1.jpg">

<img src="img2.jpg">

<img src="img3.jpg">

</div>

<style>

.imglist img {width:60pxheight:80px}

</style>

在图片尺寸不定的情况下,不建议这样写,小尺寸的图片放大会影响图片质量,大图片缩小会占用更多无谓的带宽以及页面打开速度!

所以在图片生成的时候建议尽量统一图片尺寸~或等比压缩~