Use js to center the image in a div or dl and align the bottom_image special effects

Solve the problem that the length and width of the image are larger than the container, one side is long and the other is wide, and it is smaller than the container
Passed in both ff and ie
Here is the js code:

Copy code The code is as follows:

 
  
  
  
  
  
  
*{margin:0px; padding:0px; font-size:12px;  }
body{ font-size:0.8em; color: #333;}
ul{ list-style:none}
.clear:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;}
img{border:0px;}
.clear1{    clear: both; width: 100%; height: 1px; overflow: hidden;}
a{ text-decoration: none; color:#404040 }
body{ background:#f7f3d0 url(../images/bg.jpg) repeat-x left 210px;}
/**/
#pic{border:1px solid #000; width:800px; height:auto!important;height:300px; min-height:300px;background:#fff}
#pic dl{width:215px;height:200px; overflow: hidden;border:1px solid #000;margin:10px;float:left}
#pic dt{height:161px; width:209px;overflow:hidden;border:1px solid red;text-align:center}

  
 
 
  
  

 
 

图片1

图片1

图片1

图片1

图片1

图片1

图片1

图片1

图片1

图片1

图片1

图片1