js를 사용하여 div 또는 dl의 이미지 중앙에 배치하고 Bottom_image 특수 효과를 정렬합니다.

이미지의 길이와 너비가 컨테이너보다 크고 한쪽은 길고 다른 쪽은 넓고 컨테이너보다 작은 문제를 해결하십시오
ff와 ie 모두에서 전달
여기 js가 있습니다 코드:

코드 복사 코드는 다음과 같습니다.

 
  
  
  
  
  
  
*{여백:0px; 패딩:0px; 글꼴 크기:12px;  }
본문{ 글꼴 크기:0.8em; 색상: #333;}
ul{ list-style:none}
.clear:after {
    content: "."; 
    디스플레이: 차단;
    높이: 0; 
    지우기: 둘 다; 
    가시성: 숨김;}
img{border:0px;}
.clear1{    clear: 둘 다; 너비: 100%; 높이: 1px; 오버플로: 숨김;}
a{ 텍스트 장식: 없음; 색상:#404040 }
본문{ 배경:#f7f3d0 url(../images/bg.jpg) repeat-x 왼쪽 210px;}
/**/
#pic{테두리: 1px 단색 # 000; 너비:800px; 높이:자동!중요;높이:300px; 최소 높이:300px;배경:#fff}
#pic dl{너비:215px;높이:200px; 오버플로: hidden;border:1px solid #000;margin:10px;float:left}
#pic dt{height:161px; width:209px;overflow:hidden;border:1px solid red;text-align:center}