HTML 및 CSS에서 Iframe을 가로로 가운데에 배치하는 방법은 무엇입니까?

Iframe을 가로로 중앙에 배치

다음 HTML 및 CSS를 고려하세요.

<div>div</div>
<iframe></iframe>

div, iframe {
    width: 100px;
    height: 50px;
    margin: 0 auto;
    background-color: #777;
}

목표는 div처럼 iframe을 가로로 가운데에 두는 것입니다.

그러나 iframe은 왼쪽 정렬 상태로 유지됩니다. 이는 iframe이 기본적으로 인라인 요소이기 때문입니다. 인라인 요소는 margin: 0 auto;를 고려하지 않습니다.

iframe을 중앙에 배치하려면 블록 요소로 만들어야 합니다. 이는 display: block;을 추가하여 수행할 수 있습니다. iframe의 CSS:

iframe {
    display: block;
    border-style:none;
}

이를 추가하면 iframe은 블록 요소가 되고 margin: 0 auto;에 응답합니다. 그러면 div처럼 가로 중앙에 배치됩니다.

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