CSS를 사용하여 상위 Div 내에서 요소를 가운데에 배치하는 방법은 무엇입니까?

상위

내에서 요소 중심 맞추기

left: 50%;를 사용하여 HTML 요소를 가운데에 맞추면 요소가 정렬됩니다. 전체 브라우저 창과 함께. 그러나 요소를 상위

요소에는 다른 접근 방식이 필요합니다.

이를 달성하려면 text-align:center;를 할당합니다. 상위

에 연결합니다. 이렇게 하면 하위 요소를 포함하여

내의 모든 콘텐츠가 중앙에 배치됩니다.

다음으로 margin:auto;를 추가합니다. 자식 요소에. 이렇게 하면 너비나 높이에 관계없이 하위 요소가 상위

내에서 자동으로 조정됩니다.

다음은 CSS를 사용한 데모입니다.

#parent {
    text-align:center;
    background-color:blue;
    height:400px;
    width:600px;
}
.block {
    height:100px;
    width:200px;
    text-align:left;
}
.center {
    margin:auto;
    background-color:green;
}

margin:auto에 유의하세요. ; 하위 요소를 상위

내에서 수평 및 수직 중앙에 배치합니다.

위 내용은 CSS를 사용하여 상위 Div 내에서 요소를 가운데에 배치하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!