不希望图像超出定义的div大小;应保持图像分辨率;不要介意图像是否被剪切

使用 overflow: hidden 在您的div上

HTML格式:

<div class="thumbnail">
     <img src="images/thumb-01.png"/>
</div>

CSS格式:

.thumbnail{
     overflow: hidden;
}

如果每个图像都有自己的div父级,那么可以在div上使用css溢出。从图像中移除高度和宽度。

div{
    overflow:hidden;
}

检查这个 fiddle 。对所有图像设置相同的宽度和高度

如果图像分辨率彼此相差很大,则使用 div 的而不是 img 并将图像作为背景给予它们。

在这种情况下,您可以使用

overflow:hidden;
background-size: 100px 100px; /* CSS3 */

使用 background-size 您可以根据需要设置图像的尺寸。

这可以通过以下方法实现

HTML代码

<div class="kq"><div class="img_div"><img src = "sample.jpg" /></div></div>

货物积载与系固安全操作规则

.kq{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 3px;
font-family: 'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
padding: 8px 12px 12px;
position: relative;
width : 60%;
margin : 0 auto;
margin-bottom:10px;
overflow: hidden;

}