Container_javascript 기술에서 일반적으로 사용되는 이미지의 수평 및 수직 중앙 정렬의 예

이것은 알려진 크기의 컨테이너에 있는 알 수 없는 크기의 이미지를 수평 및 수직으로 가운데 배치하는 예입니다. 원래 제목: "알려진 크기의 외부 컨테이너에 알 수 없는 크기의 이미지를 가운데 배치".
이 가로 및 세로 가운데 맞춤 예제는 IE5에서 정상적으로 작동할 수 있습니다.

IE는 인라인 블록을 사용하고, 비 IE는 테이블 셀과 수직 정렬을 사용합니다.

CSS 코드:

다음은 참조 부분입니다:
/* IE 브라우저가 아닌 경우 */
div.holder {width:750px height:300px background; :# f8f8f8;
테두리:1px 솔리드 #777; 텍스트-정렬:중앙;}
}

작성자 예를 들어 싱글인 경우 한 페이지에 6개의 사진을 추가하여 사진 앨범 및 제품 디스플레이에 사용할 수 있습니다. 데모 보기 양식:
http://www.cssplay.co.uk /menu/centered.html