高分ＣＳＳ样式

高分求一个ＣＳＳ样式
为显示图片所用，要求跟我的电脑缩略图效果一样的显示图片ＣＳＳ样式

[解决办法]
是不是这个？高的话把width换成heigh，限定图片显示的最大宽度和高度，不会溢出

CSS code

max-width: 100px;width:expression( (this.width > 100 && this.width > this.height) ? '100px': this.width+'px');
[解决办法]
http://weizeyan.128.tofor.com/weizeyan/weizeyan/divcss/log.asp?blogid=22

利用CSS按比例缩小图片  

.thumbImage{  
max-width:50px;  
max-height:50px; 
} 
*html.thumbImage{ 
width:expression(this.width>50&&this.width>this.height?50:auto); 
height:expresion(this.height>50?50:auto); 
}  

至于图片是如何保持其高宽比例的，这张图片可以解释：



至于所略图的问题，你可以用css定义图片所在的盒子的css属性如：

  .div img{ width:50px; hieght:50px;}这样就不用在html的<img />里重复书写了
.............

<div class="bodycontent-middle2-2">
<ul>
<li>
<span class="spbg">
<a href="#" ><img src="img/14340460_404797.jpg" alt="图片载入中请稍候" /></a>
</span>
<span>
<a href="#" title="链接文字简单注释">漂亮MM撒娇</a>
</span>
</li>
<li>
<span class="spbg">
<a href="#" ><img src="img/img1.jpg" alt="图片载入中请稍候" /></a>
</span>
<span>
<a href="#" title="链接文字简单注释">漂亮MM撒娇</a>
</span>
</li>
<li>
<span class="spbg">
<a href="#" ><img src="img/img7.jpg" alt="图片载入中请稍候" /></a>
</span>
<span>
<a href="#" title="链接文字简单注释">漂亮MM撒娇</a>
</span>
</li>
<li>
<span class="spbg">
<a href="#" ><img src="img/img6.jpg" alt="图片载入中请稍候" /></a>
</span>
<span>
<a href="#" title="链接文字简单注释">漂亮MM撒娇</a>
</span>
</li>
<li>
<span class="spbg">
<a href="#" ><img src="img/img5.jpg" alt="图片载入中请稍候" /></a>
</span>
<span>
<a href="#" title="链接文字简单注释">漂亮MM撒娇</a>
</span>
</li>
<li>
<span class="spbg">
<a href="#" ><img src="img/img4.jpg" alt="图片载入中请稍候" /></a>
</span>
<span>
<a href="#" title="链接文字简单注释">漂亮MM撒娇</a>
</span>
</li>
<li>
<span class="spbg">
<a href="#" ><img src="img/img3.jpg" alt="图片载入中请稍候" /></a>
</span>
<span>
<a href="#" title="链接文字简单注释">漂亮MM撒娇</a>
</span>
</li>
<li>
<span class="spbg">
<a href="#" ><img src="img/img2.jpg" alt="图片载入中请稍候" /></a>
</span>
<span>
<a href="#" title="链接文字简单注释">漂亮MM撒娇</a>
</span>
</li>
</ul>

</div>



上面我做了简单的例了，详细代码你打开我以前的一个网站自己看代码:http://weizeyan.128.tofor.com/weizeyan/weizeyan/works/yl/