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

html-css019

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>

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

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