CSS를 사용하여 Div 내부의 이미지를 수평 중앙에 어떻게 배치할 수 있습니까?

Div 요소 내에서 이미지를 가로 중앙에 배치

문제:

이미지를 가로로 정렬 포함된 div 내에서 CSS를 사용하는 것은 처음에는 어려운 것으로 판명되었습니다. 기존 CSS를 사용하여 이미지를 중앙에 맞추려는 시도는 원하는 결과를 얻지 못했습니다.

해결책:

이미지를 효과적으로 중앙에 배치하기 위해 CSS를 수정했습니다.

#artiststhumbnail a img {
    display:block;
    margin:auto;
}

• display:block: 인라인을 변환합니다. 이미지를 블록 수준 요소에 추가하여 추가적인 위치 제어가 가능합니다.
• margin:auto: 자동으로 이미지에 동일한 왼쪽 및 오른쪽 여백을 추가하여 div 내 중앙에 배치합니다.

결과:

이 수정된 CSS는 div 내의 이미지가 이제 요소는 원하는 대로 완벽하게 수평 중앙에 배치됩니다. 라이브 데모는 여기에서 찾을 수 있습니다: http://jsfiddle.net/marvo/3k3CC/2/.

위 내용은 CSS를 사용하여 Div 내부의 이미지를 수평 중앙에 어떻게 배치할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!