CSS控制图片显示缩略图

<style type="text/css">
.box {
    vertical-align:middle;
    width:160px;
    height:160px;
    text-align:center;
    border: 1px solid #eee;
}
/* For IE7 */
.box img {
    vertical-align:middle;
   border:0 ;
   width:expression(this.width>160&&this.width>this.height?160:auto);
   height:expression(this.height>160?160:auto)
}
/* For IE6 */
*html.box img {
    vertical-align:middle;
   border:0  ;
   max-width:160px;max-height:160px;
}
</style>

<td class="box">
       
        <a  href='OpenImage_Access.aspx?ID=<%#Container.DataItem("ID")%>' target="_blank" >
<img src='OpenImage_Access.aspx?ID=<%#Container.DataItem("ID")%>' title='文件格式:<%# Container.DataItem("imgFormat")%>/文件尺寸<%# Container.DataItem("imgsize")%>byte' > </a>
         
        
       </td>
posted @ 2008-06-16 08:55  tiasys  阅读(1176)  评论(0编辑  收藏  举报